Automatiser mon Slider avec Jquery ?

Fermé
mamsk Messages postés 128 Date d'inscription jeudi 25 juin 2009 Statut Membre Dernière intervention 5 février 2011 - 23 mars 2010 à 19:34
touristemaniaque Messages postés 7 Date d'inscription vendredi 4 mars 2011 Statut Membre Dernière intervention 6 mars 2011 - 5 mars 2011 à 15:02
Bonjour,

je suis débutant avec Jquery, je me suis baser sur une création open source pour faire mon slideshow, le problème c'est que j'aimerais automatiser mon slideshow pour passer image à une autre image par rapport à un temps donner. Voici mon code :

$(document).ready(function() {
								   
			// Save  the jQuery objects for later use.
			
			var outer		= $("#preview_outer");
			var arrow		= $("#arrow");
			var thumbs		= $("#thumbs span");

			var preview_pos;
			var preview_els	= $("#preview_inner div");
			var image_width	= preview_els.eq(0).width(); // Get width of imaages
			
			// Hook up the click event
			thumbs.click(function() {
				// Get position of current image
				preview_pos = preview_els.eq( thumbs.index( this) ).position();

				// Animate them!
				outer.stop().animate( {'scrollLeft' : preview_pos.left},	500 );
				arrow.stop().animate( {'left' : $(this).position().left },	500 );
			});

			// Reset positions on load
			arrow.css( {'left' : thumbs.eq(0).position().left } ).show();
			outer.animate( {'scrollLeft' : 0}, 0 );

			// Set initial width
			$("#preview_inner").css('width', preview_els.length * image_width);
		});




Merci beaucoup de vos réponses.

1 réponse

touristemaniaque Messages postés 7 Date d'inscription vendredi 4 mars 2011 Statut Membre Dernière intervention 6 mars 2011 3
5 mars 2011 à 15:02
Salut,
Tu devrais utiliser un plugin déjà complet comme [jQuery Cycle http://jquery.malsup.com/cycle/] ou encore jQuery Diaporama que j'utilise sur le site Gîte de la Montagne ... sérieusement, tu t'éviterais beaucoup de problèmes de cette façon, pour avoir déjà aussi souvent tenté le coup du slideshow fait à la main ..
0