Auto Rotating Slideshow
<style>
#slideshow {
  width:200px;
  height:100px;
  background-color:#222;
  margin:0 auto;
}
#slideshow img {display:block;}
</style>
<div id="slideshow"></div>
<script>
//<![CDATA[
(function() {
    var container = document.getElementById('slideshow');
    var slide = [
        "images/slide-1.jpg",
        "images/slide-2.jpg",
        "images/slide-3.jpg",
        "images/slide-4.jpg"
		// dst...
        ];
    var count = 0;
    setInterval(function() {
        container.innerHTML = "<img src='"+slide[count]+"' alt='Slide "+(count+1)+"'>";
        count++;
        if (count == slide.length) {
            count = 0;
        }
    }, 3000); // Tiga detik sekali...
})();
//]]>
</script>
Demo
Labels: Gambar, JavaScript, Potongan

4 Comments:
awesome :-bd
By
 Surga Kenari, at Thursday, July 19, 2012 at 4:45:00 PM GMT+7
 
kerenn :-bd
By
 Bayu Handono, at Thursday, July 19, 2012 at 9:49:00 PM GMT+7
 
di moz 13 yg sy pakai. ga ada rotatingnya.
atau itu hanya berlaku webkit ya?
By
 abang ichal, at Friday, July 20, 2012 at 9:06:00 AM GMT+7
 
Saya pakai Firefox 13.0.1
By
 Taufik Nurrohman, at Friday, July 20, 2012 at 9:55:00 AM GMT+7
 
Post a Comment
<< Home