Automatiser mon Slider avec Jquery ?

mamsk Messages postés 128 Date d'inscription   Statut Membre Dernière intervention   -  
touristemaniaque Messages postés 7 Statut Membre -
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 Statut Membre 3
 
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