<div id="sliderFrame"> <img class="sliderImage" src="images/rood.png"> <img class="sliderImage" src="images/subway2.png"> </div>
#sliderFrame { width: 345px; overflow: hidden; } .sliderImage { position: absolute; margin-top: 73px; display: none; }
var currentImage = 0; $(document).ready(function(){ console.log("er zijn " + $(".sliderImage").length + " foto's"); $(".sliderImage").eq(currentImage).show(); changeImage(); }); changeImage = function(){ $(".sliderImage").eq(currentImage).animate({left:"-345px"}, 1000); currentImage += 1; if (currentImage > 1){ currentImage = 0; }; $(".sliderImage").eq(currentImage).show().css("left", "345px").animate({left: "0px"}, 1000); setTimeout("changeImage()", 3000); }
#sliderFrame { width: 345px; overflow: hidden; }
#sliderFrame { position: absolute; width: 345px; height: 300px; overflow: hidden; }
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)