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='http://lh4.ggpht.com/_2Y5OzRWKtE0/SWXAnSSR0_I/AAAAAAAAAGg/9CcFf9OzOCM/01.jpg' ></a>";
images[1] = "<a > <img src='http://lh4.ggpht.com/_2Y5OzRWKtE0/SWXAnUxZmdI/AAAAAAAAAGo/fnw5sGhmOz0/02.jpg' ></a>";
images[2] = "<a > <img src='http://lh6.ggpht.com/_2Y5OzRWKtE0/SWXAnYiD40I/AAAAAAAAAGw/oEUqlTQhQvs/03.jpg' ></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.

Artikel Terkait