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/AVvXsEhjDCiJCNiGR5uzP_BBw-44y7cXoa4bwRBhdTj96QAyIRqqruR-CM_l9VN-kA8CwybnU5qYLTZocUhIjgWRI_MjBR85O1z8mkti-n8Hs6Z4kh1MpCm5SBd01-tfJ65r8mQBq1Xcew1Qpg0/' ></a>";
images[1] = "<a > <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRdolgYuybyoZzgRjw-_NihyphenhyphenZmorsI9Qjwe8I0l8n9gP3J6WQSg8c19Ou9c744yq7_40PPz8WRtEH1AnTXz-QKW1ZCIYsdzXOP5wWt42tAxS6Vox_tibcYEErlsq7sFJnqzSnZ7h2kKNc/' ></a>";
images[2] = "<a > <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtwbBNRuxiKQq_syw5nujuQAvEbygjtYaB_MCZLSAAkS-0TRzDknOgFDQSZ0AIkPPtWIbCEjLxzudnXBr1midMmVqd0jfAMW_ulXrRUgxRmawofLYOPOosKCTlIoykjbDna3xPzWIRXfc/' ></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 comments:

Post a Comment

 
© 2011 blog serba ada | Designs By Bhambank Mbambong Blog | Powered by Blogger