J'ai du code qui génère des boutons prev/next et fait défiler un groupe d'images en utilisant deux fonctions nextPhoto et prevPhoto. Je me demandais si quelqu'un pouvait m'aider à transformer ce code en un diaporama automatique?jquery help needed - créer un diaporama automatique
Voici mon code:
$max = 8;
$current = 1
function nextPhoto() {
if ($current != $max) {
$('.slider'+($current)+'').hide();
$('.slider'+($current+1)+'').show();
$('.slider'+($current+1)+'').css('left', '20%');
$('.slider'+($current+1)+'').animate({left:'0%'}, {duration:500, easing:"easeOutExpo", queue:false});
resizeImages();
$current++;
}
if ($current == 2) {
$('#background .left').animate({left:'0px'}, {duration:600, easing:"easeOutExpo", queue:false});
}
if ($current == $max) {
$('#background .right').animate({right:'-85px'}, {duration:600, easing:"easeOutExpo", queue:false});
setInterval("restartSlider()", 5000);
}
}
function prevPhoto() {
resizeImages();
if ($current != 1) {
$('.slider'+($current)+'').hide();
$('.slider'+($current-1)+'').show();
$('.slider'+($current-1)+'').css('left', '-20%');
$('.slider'+($current-1)+'').animate({left:'0%'}, {duration:500, easing:"easeOutExpo", queue:false});
resizeImages();
$current --;
}
if ($current == 1) {
$('#background .left').animate({left:'-85px'}, {duration:600, easing:"easeOutExpo", queue:false});
}
if ($current == $max-1) {
$('#background .right').animate({right:'0px'}, {duration:600, easing:"easeOutExpo", queue:false});
}
}
$('.right').mouseup(function(){
nextPhoto();
})
$('.left').mouseup(function(){
prevPhoto();
})
Yeh c'est un curseur de fond plein écran .. redimensionne en fonction de ur res d'écran. – SoulieBaby
Je vois, Pouvez-vous créer un violon pour votre question? – ShankarSangoli
Je n'ai jamais utilisé cela auparavant, mais l'URL est http://icta.website.2011.360southclients.com/home.html si vous voulez voir ce que je suis en train de faire? – SoulieBaby