Rabu, 31 Oktober 2012

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/AVvXsEh4wg6dQS-YtgLczKeD-rgSYW_sd2iymSDBtHBWBv4vbcUKV1uy1A-W7mxxWdq0Z57NqoPOrEBSiExAf6t0HUFgvZjI3UtoEqiTCfRVCgmWT8mg-A00ubNTEs9d2wxUobxgVXjlrCCxY7E/' ></a>";
images[1] = "<a > <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmyYx0s9hAAP3G4cd54egw8d1Tts-ZyJXEDR2DjnuNhtZ6bi6mlV_lrW8TZ4rjKi2QeaaBfV8dUPuoRqGiF6IOgQc-K1bb79k1Tj-7JakZAgzS1R5tgCiDQlMBqVjnazK7JCzFvr7qtUE/' ></a>";
images[2] = "<a > <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSTZzmtDMixzrE6jCKpf73EWvDJFqNknLPTKFUsO_xEvl08KPs2fmcsG_eZA2eqNrOn4hyphenhyphenf2MiIBrNp8yxi3pesSlmKOKnMlhXxrknP-dwSnzObQDxIxgvyUZhKSHDCGJJoEITWt-7gOY/' ></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

Tidak ada komentar:

Posting Komentar