петля Карусель JQuery [дубликат]
Возможный дубликат:
моя карусель не работает
Я немного озадачен! У меня есть эта карусель, которую я создаю, и я хочу, чтобы она крутилась все остальное работает хорошо, но, когда последнее изображение соскользнуло, я хочу, чтобы первое сделало то же самое после него, затем второе ... бесконечно. Я пробовал много вещей, таких как добавление первого изображения к последнему. Я также попытался показать изображения после последнего (это пытается, но дает нежелательный эффект).
Мне нужно показать, какие настройки мне нужно сделать. спасибо большое время!
var images = $("#slideShow div");
var index = 0;
for (i = 0; i < images.length; i++) {
$(images[i]).addClass("image-" + i);
}
setInterval(function() {
$(".image-" + (index)).slideUp(1000);
if (index < images.length - 1) {
index += 1;
}
else {
index = 0;
}
}, 500);
#slideShow {
height:20em;
width:80%;
float:right;
}
#slideShow div{
line-height:20em;
float:right;
}
#slideShow img{
vertical-align:middle;
border:solid 5px #A5A5A5;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}