ενα απλο Slider

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
cyberfreak
Honorary Member
Δημοσιεύσεις: 3474
Εγγραφή: 08 Σεπ 2004 16:38
Τοποθεσία: Κρυα Βρυση
Επικοινωνία:

ενα απλο Slider

Δημοσίευση από cyberfreak » 22 Ιούλ 2010 13:29

Ψαχνω να βρω ενα slider μικροτο οποιο θα ειναι το πολυ 200pixels και θα εμφανιζει ενα προιον και μετα απο λιγο το επομενο θα περνει τα προιοντα δυναμικα πως ειναι εδω στο topespresso.gr to Best Products βεβαια αυτο δεν ειναι καν λινκ αλλα σαν ιδεα κατι τετοιο ψαχνω και δεν θελω για joomla η wordpress εχει καποιος δει κατι παρομοιο να κυκλοφορει στο νετ μαζι με το σκριπτ ωστε να μπορω να το δουλεψω..Ευχαριστω

Άβαταρ μέλους
mrpc
WebDev Moderator
Δημοσιεύσεις: 3393
Εγγραφή: 03 Μάιος 2000 03:00
Τοποθεσία: Εξάρχεια
Επικοινωνία:

ενα απλο Slider

Δημοσίευση από mrpc » 23 Ιούλ 2010 14:44

Κάτι τέτοιο μπορείς να κάνεις πολύ εύκολα με κάποιο jquery plugin.
Π.χ.: http://www.ezjquery.com/cgi-bin/webapp.rb?r=access

Άβαταρ μέλους
cyberfreak
Honorary Member
Δημοσιεύσεις: 3474
Εγγραφή: 08 Σεπ 2004 16:38
Τοποθεσία: Κρυα Βρυση
Επικοινωνία:

ενα απλο Slider

Δημοσίευση από cyberfreak » 23 Ιούλ 2010 17:55

ευχαριστω θα το κοιταξω

Άβαταρ μέλους
cyberfreak
Honorary Member
Δημοσιεύσεις: 3474
Εγγραφή: 08 Σεπ 2004 16:38
Τοποθεσία: Κρυα Βρυση
Επικοινωνία:

ενα απλο Slider

Δημοσίευση από cyberfreak » 23 Ιούλ 2010 18:21

πω με μπερδεψε δεν ωγαζω ακρη παω να το πειραξω να αφιρεσω ta div που εμφανιζονται πανω αλλα και το 1-2-3-4-5 για τις σελιδες αλλα χλωμο :/

Άβαταρ μέλους
cyberfreak
Honorary Member
Δημοσιεύσεις: 3474
Εγγραφή: 08 Σεπ 2004 16:38
Τοποθεσία: Κρυα Βρυση
Επικοινωνία:

ενα απλο Slider

Δημοσίευση από cyberfreak » 23 Ιούλ 2010 19:56

βρηκα ενα αλλο http://jquery.malsup.com/cycle/ απλα εχω ενα προβλημα εχω μια σελιδα που εχει μεσα

Κώδικας: Επιλογή όλων

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/login_display.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.2.js"></script>
<script type="text/javascript" src="js/jquery.watermarkinput.js"></script>
<script type="text/javascript" src="js/display_search.js"></script>
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="js/jquery-easing-1.3.pack.js"></script>
<script type="text/javascript" src="js/jquery-easing-compatibility.1.2.pack.js"></script>
<script type="text/javascript" src="js/coda-slider.1.1.1.pack.js"></script>
<script type="text/javascript" src="js/ddaccordion.js">

/***********************************************
* Accordion Content script- &#40;c&#41; Dynamic Drive DHTML code library &#40;www.dynamicdrive.com&#41;
* Visit http&#58;//www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

</script>
	<script type="text/javascript">
	
		var theInt = null;
		var $crosslink, $navthumb;
		var curclicked = 0;
		
		theInterval = function&#40;cur&#41;&#123;
			clearInterval&#40;theInt&#41;;
			
			if&#40; typeof cur != 'undefined' &#41;
				curclicked = cur;
			
			$crosslink.removeClass&#40;"active-thumb"&#41;;
			$navthumb.eq&#40;curclicked&#41;.parent&#40;&#41;.addClass&#40;"active-thumb"&#41;;
				$&#40;".stripNav ul li a"&#41;.eq&#40;curclicked&#41;.trigger&#40;'click'&#41;;
			
			theInt = setInterval&#40;function&#40;&#41;&#123;
				$crosslink.removeClass&#40;"active-thumb"&#41;;
				$navthumb.eq&#40;curclicked&#41;.parent&#40;&#41;.addClass&#40;"active-thumb"&#41;;
				$&#40;".stripNav ul li a"&#41;.eq&#40;curclicked&#41;.trigger&#40;'click'&#41;;
				curclicked++;
				if&#40; 6 == curclicked &#41;
					curclicked = 0;
				
			&#125;, 3000&#41;;
		&#125;;
		
		$&#40;function&#40;&#41;&#123;
			
			$&#40;"#main-photo-slider"&#41;.codaSlider&#40;&#41;;
			
			$navthumb = $&#40;".nav-thumb"&#41;;
			$crosslink = $&#40;".cross-link"&#41;;
			
			$navthumb
			.click&#40;function&#40;&#41; &#123;
				var $this = $&#40;this&#41;;
				theInterval&#40;$this.parent&#40;&#41;.attr&#40;'href'&#41;.slice&#40;1&#41; - 1&#41;;
				return false;
			&#125;&#41;;
			
			theInterval&#40;&#41;;
		&#125;&#41;;
	</script>
	
	

$&#40;document&#41;.ready&#40;function&#40;&#41; &#123;
    $&#40;'.slideshow'&#41;.cycle&#40;&#123;
		fx&#58; 'fade' // choose your transition type, ex&#58; fade, scrollUp, shuffle, etc...
	&#125;&#41;;
&#125;&#41;;
</script>

    <script type="text/javascript">


ddaccordion.init&#40;&#123;
	headerclass&#58; "silverheader", //Shared CSS class name of headers group
	contentclass&#58; "submenu", //Shared CSS class name of contents group
	revealtype&#58; "clickgo", //Reveal content when user clicks or onmouseover the header? Valid value&#58; "click", "clickgo", or "mouseover"
	mouseoverdelay&#58; 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
	collapseprev&#58; true, //Collapse previous content &#40;so only one open at any time&#41;? true/false
	defaultexpanded&#58; &#91;0&#93;, //index of content&#40;s&#41; open by default &#91;index1, index2, etc&#93; &#91;&#93; denotes no content
	onemustopen&#58; true, //Specify whether at least one header should be open always &#40;so never all headers closed&#41;
	animatedefault&#58; true, //Should contents open by default be animated into view?
	persiststate&#58; true, //persist state of opened contents within browser session?
	toggleclass&#58; &#91;"", "selected"&#93;, //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively &#91;"class1", "class2"&#93;
	togglehtml&#58; &#91;"", "", ""&#93;, //Additional HTML added to the header when it's collapsed and expanded, respectively  &#91;"position", "html1", "html2"&#93; &#40;see docs&#41;
	animatespeed&#58; "fast", //speed of animation&#58; integer in milliseconds &#40;ie&#58; 200&#41;, or keywords "fast", "normal", or "slow"
	oninit&#58;function&#40;headers, expandedindices&#41;&#123; //custom code to run when headers have initalized
		//do nothing
	&#125;,
	onopenclose&#58;function&#40;header, index, state, isuseractivated&#41;&#123; //custom code to run whenever a header is opened or closed
		//do nothing
	&#125;
&#125;&#41;


</script>


και οταν βαζω αυτο

Κώδικας: Επιλογή όλων

<style type="text/css">
.slideshow &#123; height&#58; 232px; width&#58; 232px; margin&#58; auto &#125;
.slideshow img &#123; padding&#58; 15px; border&#58; 1px solid #ccc; background-color&#58; #eee; &#125;
</style>
<!-- include jQuery library -->
<script type="text/javascript" src="http&#58;//ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<!-- include Cycle plugin -->
<script type="text/javascript" src="http&#58;//cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>

<!--  initialize the slideshow when the DOM is ready -->
<script type="text/javascript">
$&#40;document&#41;.ready&#40;function&#40;&#41; &#123;
    $&#40;'.slideshow'&#41;.cycle&#40;&#123;
		fx&#58; 'fade' // choose your transition type, ex&#58; fade, scrollUp, shuffle, etc...
	&#125;&#41;;
&#125;&#41;;
</script>
μου βγαζει ενα loading... συν οτι σπαει το ποιο πανω jscript :cry:

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 2 επισκέπτες