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 :)
Jumat, 07 Maret 2014
07.59
MR: EDITOR
I am a newbie programmer and I will continue to learn to be a PROFESSIONAL (Expert) PROGRAMMER
Keep Calm, Keep Learning, Explore Your Brain
Related Posts
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar