Ciao,
sto lavorando sul seguente script:
codice:
totWidth = $(".img-slide li").size() * 100; // get ul total width
$(".img-slide").css("width", totWidth); // set ul total width
marginMax = 400 - totWidth; // right slide limit
move = 100; // move step
rest = totWidth - 400;
leftRest = 0;
$(".next").click(function() { //evento click su pulsante next
start = parseInt($(".img-slide").css("margin-left")); // current slide position
if (start > marginMax) {
newStart = parseInt(start) - move;
if(rest >= move){
$(".img-slide").animate({
marginLeft: newStart
}, 500);
rest = newStart - 400 + totWidth;
leftRest = totWidth - 400 - rest;
} else {
newStart = parseInt(start) - rest;
$(".img-slide").animate({
marginLeft: newStart
}, 500);
leftRest = totWidth - 400 - rest;
}
}
return false;
});
in pratica tramite un pulsante c'è l'avanzamento degli elementi li. Funziona correttamente, solo che non si ferma anche se gli elementi sono finiti... Non conosco il numero di elementi che saranno caricati, ma vorrei che si fermasse e che magari il pulsante sparisse.
Come posso modificare questo script?
Grazie
ciao