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 -
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 :
Merci beaucoup de vos réponses.
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.
A voir également:
- Automatiser mon Slider avec Jquery ?
- Wow slider - Télécharger - Présentation
- Automatiser l'envoi de mail gmail - Guide
- Dans la présentation à télécharger, sarah avait encadré directement le titre de certaines diapositives avant d’automatiser cette mise en forme pour tout le document. sur quelles diapositives avait-elle encadré directement le titre ? ✓ - Forum Bureautique
- Automatiser valeur cible excel - Forum Excel
- Comment automatiser une table des matières word - Guide
1 réponse
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 ..
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 ..