Pengikut

28 April 2006

HTML : Random Header Image with Javascript

Menemukan script yang cocok diantara riuhnya artikel informasi di internet ternyata bukan hal yang mudah.Informasi sedikit saja asal sesuai dengan yang diinginkan pun terlalu sayang untuk diacuhkan begitu saja.

Ada script dengan menggunakan javascript dari Nicolas untuk memanggil secara acak file gambar.File ini nantinya bisa diposisikan di bagian Header blog kita.Menarik kan bila tiap kali kita berkunjung akan menampilkan gambar yang berbeda-beda?

Copy script berikut ini:


<script language="Javascript">
var currentdate = 0

var core = 0

function StringArray (n) {

this.length = n;

for (var i =1; i <= n; i++) { this[i] = ' ' } }
image = new StringArray(10)
image[0] = '0.gif'
image[1] = '1.gif'
image[2] = '2.gif'
image[3] = '3.gif'
image[4] = '4.gif'
image[5] = '5.gif'
image[6] = '6.gif'
image[7] = '7.gif'
image[8] = '8.gif'
image[9] = '9.gif'
var ran = 60/image.length function ranimage() {
currentdate = new Date()
core = currentdate.getSeconds()
core = Math.floor(core/ran) return(image[core]) } document.write("<img src='"+ranimage()+"'>") </script>


Bila kita hanya memiliki dua gambar sebagai header ubah image=newStringArray(2) dan panggil nama file lengkap dengan prefix http-nya,misalnya http://domainku.com/gambar/header1.gif. Script ini bisa digabungkan ke dalam template blogger kita dengan menempatkanya di dalam tag <div id="header">.

Semoga bermanfaat.

Tag : random image header blogger, random image header blogspot, banner header for web, random image javascript for blogger.