Bonjour,
grâce au site de créative juiz (http://www.creativejuiz.fr/blog/tutoriels/infinite-slideshow-quelques-lignes-jquery) j'ai pu réalisé un slideshow automatique néanmoins, je souhaiterais qu'il s'arrête à la dernière image et ce, après seulement 1 défilement.
J'ai pensé à la fonction .stop ou encore à un return false mais ne sachant trop comment le coder et ou le placer mes expèrience ont été infructueuse. Pourriez vous m'aider sur ce point ?
Ci-dessous mon code jquery :
<script type="text/javascript">
$(function(){
setInterval(function(){
$(".slideshow ul").animate({marginLeft:-350},800,function(){
$(this).css({marginLeft:0}).find("li:last").after($(this).find("li:first"));
})
}, 3500);
});
</script>
Qui est le même que sur le site. Ma mission si vous l'accepter
m'aider à arrêter ce slideshow automatique et m'expliquer le pourquoi du comment pour ne pas que je copie colle bêtement la fonction.
J'espère que vous pourrez m'aider.
Merci par avance
grâce au site de créative juiz (http://www.creativejuiz.fr/blog/tutoriels/infinite-slideshow-quelques-lignes-jquery) j'ai pu réalisé un slideshow automatique néanmoins, je souhaiterais qu'il s'arrête à la dernière image et ce, après seulement 1 défilement.
J'ai pensé à la fonction .stop ou encore à un return false mais ne sachant trop comment le coder et ou le placer mes expèrience ont été infructueuse. Pourriez vous m'aider sur ce point ?
Ci-dessous mon code jquery :
<script type="text/javascript">
$(function(){
setInterval(function(){
$(".slideshow ul").animate({marginLeft:-350},800,function(){
$(this).css({marginLeft:0}).find("li:last").after($(this).find("li:first"));
})
}, 3500);
});
</script>
Qui est le même que sur le site. Ma mission si vous l'accepter
m'aider à arrêter ce slideshow automatique et m'expliquer le pourquoi du comment pour ne pas que je copie colle bêtement la fonction. J'espère que vous pourrez m'aider.
Merci par avance