Cara buat Slide image dengan mudah Bag.2
Ini adalah cara Cara buat Slide image dengan mudah Bag.2
ikuti langkah langkahnya :
1.Cukup copy code di bawah ini dan paste di code HTML Kamu
<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"
"images/slide-5.jpg",
"images/slide-6.jpg",
"images/slide-7.jpg",
"images/slide-8.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>
2. ganti code image yg berwarna merah dan bisa di tambahkan lebih banyak
3. untuk lebar slide tinggal ganti nilai warna biru
4. jika mau ganti baground ganti warna hijau
4. jika mau ganti baground ganti warna hijau
cukup sudah selebihnya terserah anda....
0 komentar