Возможный дубликат:
моя карусель не работает
немного озадачен! У меня есть эта карусель, которую я создаю, и я хочу, чтобы она зацикливалась. все остальное работает нормально, но, когда последнее изображение соскользнуло, я хочу, чтобы первое делало то же самое после него, а затем второе ... бесконечно. Я пробовал много вещей, таких как добавление первого изображения к последнему. я также пытался показать изображения после последнего (этот пытается, но дает нежелательный эффект).
мне нужно показать, какие настройки мне нужно сделать. большое спасибо!
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;
}
<div id="slideShow">
<?php
$dir = "carousel";
$dh = opendir($dir);
while($slide = readdir($dh)){
$items[] = $slide;
}
for($i=0; $i<sizeof($items); $i++){
if($items[$i] != "." && $items[$i] != ".."){
$imagePath = $dir."/".$items[$i];
$image = "<div>"."<img src = \"".$imagePath."\""." />"."</div>";
echo $image;
}
}
closedir($dh);
?>
</div>