Ganti Image Background Secara Otomatis

Beberapa waktu yang lalu saya menemukan sebuah tutorial di blognya Srinivas Tamada tentang cara mengganti image background secara otomatis. Tutorialnya sangat simpel dan tidak membutuhkan coding yang panjang. Hanya dengan beberapa baris kode javascript saja, setiap kali refresh maka background web kita akan terganti secara otomatis.

Pertama, yang perlu disiapkan adalah images yang akan digunakan sebagai background. Kemudian masukkan  images tersebut ke dalam folder bgimages. Urutkan nama images tersebut mulai dari angka 1. Contoh: 1.jpg, 2.jpg, 3.jpg, dst.

Buatlah sebuah file html yang isinya sebagai berikut.
Coba kalian perhatikan pada baris kode javascript-nya, disitu terdapat fungsi random yang digunakan untuk mengacak angka-angka. Itulah sebabnya nama images harus berupa angka supaya dapat  diacak menggunakan fungsi random itu tadi.
Bener khan sangat simpel tutorialnya? Sekarang giliran kalian untuk mencobanya.
 


5 Comment:

pulsa elektrik murah said...

menarik juga nich sob,penempatan koding tersebut di bagian mana yach

Ahmad Fikry said...

Penempatannya antara tag <head> dan </head> sob..

Rizky said...

Terimakasih sob, oh yah sob tukran banner donk, ane udah pasang banner sobat di blog

http://rizkyillahi.blogspot.com

Ahmad Fikry said...

Thx sob udah mampir di sini, link udah terpasang di My Buddy.

Blog Dedhe said...

blogwalking kawan sekalian numpang tenar hehehe , salam kenal yaa

Post a Comment