Saya semakin bersemangat saja untuk mengisi blog ini dengan sajian-sajian script lainnya. Oke, karena saya sedang bersemangat, kali ini saya akan menyajikan panduan yang spesial. Mengapa spesial? Karena panduan seperti sangat langka ditemukan di google, dan mungkin anda sendiri pernah mencari panduan ini tapi tidak ketemu di google. Yah membuat animasi gambar! Script ini saya dapatkan dengan susah payah setelah mencari dan mencari di google. Akhirnya saya menemukan satu web yang menyediakan panduannya. Dan ternyata memang berhasil. Daripada saya simpan bertahun-tahun tanpa ada orang yang mengetahuinya lebih baik saya bagikan pengalaman saya ini supaya dapat berguna bagi lainnya.
Ini dia scriptnya. Scriptnya memang cukup panjang, jadi bersabarlah membacanya :)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<script type="text/javascript">
myImg = new Array();
var i = 0;
function loadImages(){
myImg[0] = new Image;
myImg[0].src = 'images/img1.jpg';
myImg[1] = new Image;
myImg[1].src = 'images/img2.jpg';
myImg[2] = new Image;
myImg[2].src = 'images/img3.jpg';
myImg[3] = new Image;
myImg[3].src = 'images/img.jpg';
}
var s = 1;
function runSlideShow(){
if( i >= myImg.length){
i =0;
}
document.im.src = myImg[i].src;i++;
setTimeout('runSlideShow()', 1200);
document.getElementById('t').innerHTML = s;
s++;
}
window.onload = function(){
loadImages();
runSlideShow();
};
</script>
</head>
<body>
<img src="images/img3.jpg" name="im" alt="" />
<div id="t"></div>
</body>
</html>
