Menampilkan Random Image di Blog

Berikut adalah javascript untuk membuat random image. Gambar akan berganti tampilannya secara acak apabila blog dibuka atau browser direfresh, sesuai dengan gambar/ foto yang telah kita set linknya, seperti random stiker jadul pada blog ini.


Silakan copy paste ke modul atau add gadget html/javescript di blog anda, anda tinggal mengganti alamat/link (yang berwarna hijau) disesuaikan dengan dimana gambar berada, kemudian merubah angka array(3) , sesuai dengan jumlah gambar yang dipasang. dan menambah images[3], images[4] ...dan seterusnya.


<p align="center"><script language="JavaScript"><!--
//store the quotations in arrays
images = new Array(3);
images[0] = "<a > <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgItlO2IoSlcJk26cScC08k5itNARO6f__jPEX3hY9GgzOclDG90MsAiDtcIck2qhBpfWm-dDwHbxkKpvj3RZlxfFw0PR8tS9g7oZc_08m1OXDz63zpoJOUOfoAEr34lFPxHHb3ueJG9_I/' ></a>";
images[1] = "<a > <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnlKBSTGPUh2DpBlOnjY46TpOAvSbeZG_-kdtoyMDcKI6nHGZF3xkt0V80KvMq2Uqnlq6ImT1AeUoMT8OwMYGPwQG3Rs2k6nJcI3NW2j_2P9MvHR74GAa3l1ck3nzmHwfcDzyMVO12-hE/' ></a>";
images[2] = "<a > <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPyEJNWofHBOdgwIUhpX1GDEO3gah5Bt65T8oo3bz8LVeSq5UytBpuYvwxDcy0vNyPhc06XYiEDH3YkJZkurQ8G5mUeSL79pk-rh43qZ8l9-DJ_n-TTWO8jHIey0zupOW8p1DcmIzo7Ao/' ></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
//done
// --></script><br/></p>

Untuk penyimpanan gambar, pada saat ini banyak sekali layanan free web album, anda bisa menggunakan picasa web album, photobucket, flicker dan lain-lain.

Download this article in PDF


0 komentar:

Posting Komentar