Berikut ini contoh slide gambar yang ditampilkan tiap berapa detik di halaman web site dengan menggunakan javascript. Dari contoh berikut bisa dikombinasikan dengan web programming seperti PHP dan sedikit sentuhan AJAX, namun dari contoh di bawah hanya memberikan contoh dengan javascript saja. Semoga dengan contoh ini bisa ada gambaran untuk bisa dibuat lebih dinamis.
<html>
<head>
<title>Slide dengan Javascript</title>
<script language=”javascript”>
var i=0;
img =new Array();
img[0]="1.gif";
img[1]="2.gif";
img[2]="3.gif";
img[3]="4.gif";
img[4]="5.gif";
function slide()
{
document.anim.src=img[i];
setTimeout("slide()", 1000);
i++;
if(i==5)
{
i=0;
}
}
</script>
</head>
<body onLoad="slide()">
<img src="1.gif" name="anim">
</body>
</html>
Untuk mencobanya, sediakan 5 file gambar dengan nama file 1.gif s/d 5.gif atau bisa dimodifikasi sendiri nama gambarnya.
No comments:
Post a Comment