Scribd
Unggah
11 tayangan3 halaman

Panduan Membuat Auto Random Image

Teks ini memberikan penjelasan tentang auto random image dan cara mengimplementasikannya di website. Teks ini menjelaskan bahwa auto random image berguna untuk menampilkan gambar secara acak setiap kali halaman dimuat ulang untuk menghindari kesan monoton. Kemudian dijelaskan langkah-langkah untuk menambahkan script auto random image.

Diunggah oleh

KOPI HITAM MATALOKO
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai RTF, PDF, TXT atau baca online di Scribd
11 tayangan3 halaman

Panduan Membuat Auto Random Image

Teks ini memberikan penjelasan tentang auto random image dan cara mengimplementasikannya di website. Teks ini menjelaskan bahwa auto random image berguna untuk menampilkan gambar secara acak setiap kali halaman dimuat ulang untuk menghindari kesan monoton. Kemudian dijelaskan langkah-langkah untuk menambahkan script auto random image.

Diunggah oleh

KOPI HITAM MATALOKO
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai RTF, PDF, TXT atau baca online di Scribd

AUTO RANDOM IMAGE

By : surya phadank

Pernah gak menjumpai image pada sebuah situs/blog berubah-ubah setiap


kali di refresh ?. Mungkin diantara teman-teman ada yang bertanya-tanya
"kok bisa ya ?", sama saya dulu malah lebih parah pas ngeliat pertama
kali. Saya berkomentar "wah hebat sekali bisa gonta-ganti !".   
Pertanyaan berikutnya mungkin kita sama "caranya gimana ya ?".

Apa yang dilihat itu, ternyata namanya "auto random image".    Apa sih
keunggulannya ? mm, kalo ngomongin keunggulan sih gak banyak Cuma asyiknya
setiap kita load [ buka kembali ] halaman yang sama dia bakal
munculin gambar yang berbeda. [ mudah-mudahan bisa ngerti dengan
penjelasan gw yang bahasanya amburadul hihihi ]. so keliatannya itu   
page    gak monoton make gambar itu aja.

Gimana cara bikinnya ? hm yang jelas bukan dibikin, tapi lagi-lagi di copy paste
[maklum bekas tukang foto kopian dulunya ] source/script   
yang tersedia. Ok, kita langsung aja jangan diperpanjang lagi mukodimahnya yah !

1. Menyediakan tempat narok gambar yang akan di random, karena itu   


kamu    butuh hosting atau gallery image. Ops, jangan panik dulu kalo   
berurusan sama hosting. Tenang, sekarang ada photo album yang nyediakan tempat
narok-narok foto gratis di [Link] disana kamu bisa upload foto   
sepuasnya sampe 3 MB ntar ada tag url alamatnya yang bisa kamu copy    atau kamu
tarok di web kamu.

2. Copy dan Paste script dibawah ini di bagian <head>...</head> pada template
blog/website kamu tercinta.
<!-- Awal Script untuk Random Image Header -->
< script language = "JavaS cript" >
<!--
var theImages = new Array()
theImages[0] = '[Link]
theImages[1] = '[Link]
theImages[2] = '[Link]
theImages[3] = '[Link]
theImages[4] = '[Link]

var j = 0
var p = [Link];

var preBuffer = new Array()


for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = theImages[i]
}

var whichImage = [Link]([Link]()*(p-1));


function showImage(){ [Link]('<img src="'+theImages[whichImage]+'">');
}
//-->
</ script >

3. Menampilkan image di bagian <body> ... </body> di tempat yang kamu suka
terserah dimana aja asal masih dalam tag body.
copy dan paste script dibawah ini :

<!-- Awal tampilan script random image -->


< script language = "JavaScript" >
<!-- showImage(); //-->
</ script >
<!-- akhir tampilan script random image -->

ok sekarang tinggal kamu save template dan publish lagi blog kamu, ato kalo gak
mau ngambil resiko coba di review template kamu, kalo udah ok n sip baru di save n
publish. Ok men, moga bermanfaat ya. cawz !

Anda mungkin juga menyukai