<style type="text/css">
#slideshow {
width:200px;
height:100px;
background-color:#222;
margin:0 auto;
}
#slideshow img {display:block;}
</style>
<div id="slideshow"></div>
<script type="text/javascript">
//<![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>
Auto Rotating Slideshow
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website
Labels:
Code Snippet,
Gambar,
JavaScript,
Slideshow
0 comments:
Post a Comment