Membuat slideshow gambar dengan javascript
Kali ini saya akan berbagi tutorial cara membuat slideshow gambar dengan javascript, oke langsung saja..pertama-tama anda siap tiga buah gambar ..
selanjutnya ada buka sebuah notepad/web editor terserah apa saja .. :)
setelah itu copy kan script ini kedalam web editor/notepad anda ..
<html>
<head>
<script language="javascript">
<!--
var image1 = new Image();
image1.src = "nama_gambar_anda.jpg";
var image2 = new Image();
image2.src = "nama_gambar_anda.jpg";
var image3 = new Image();
image3.src = "nama_gambar_anda.jpg";
</script>
</head>
<body>
<img src="nama_gambar_anda.jpg" width=250 name="slide">
<script>
var step=1;
function gerak(){
if(!document.images)
return
document.images.slide.src = eval("image"+step+".src");
if(step<3)
step++;
else
step=1;
setTimeout("gerak()",2000);
}
gerak();
</script>
</body>
</html>
nb : ganti kata yang berwarna merah dengan nama file gambar anda .. :)
setelah anda copy-pastekan script di atas, selanjutnya tinggal anda save dengan nama terserah anda dengan dengan extensi .html atau .php juga bisa .. :)
sekian tutorial dari saya semoga bermanfaat :)
0 comments
Post a Comment