Mögliche Duplikate:
Mein Karussell funktioniert nicht

bin ein bisschen verwirrt! Ich habe dieses Karussell erstellt und ich wünsche, dass es Schleifen. Alles andere klappt gut, aber wenn das letzte Bild verrutscht ist, möchte ich, dass das erste danach dasselbe macht, dann das zweite ... unendlich. Ich habe viele Dinge versucht, wie das erste Bild an das letzte anzuhängen. Ich habe auch versucht, die Bilder nach dem letzten Mal wiederzugeben (dieser Versuch zeigt jedoch einen unerwünschten Effekt).

Mir muss gezeigt werden, welche Optimierungen ich vornehmen muss. Danke vielmals!

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>