Menampilkan Gambar yang Berbeda Setiap Kali Halaman Dibuka

Kode untuk menampilkan gambar yang berbeda setiap kali halaman dibuka atau direload (refresh) ini telah dirubah sedikit untuk disesuaikan dengan kebutuhan blog ini ya.

Kodenya adalah sebagai berikut:

<script language="JavaScript">
<!-- Begin
var jumlah_gambar = 3;
var waktu_sekarang = new Date()
var detik = waktu_sekarang.getSeconds()
var pasang_gambar = detik % jumlah_gambar;
pasang_gambar +=1;

if (pasang_gambar==1) {
gambar="Alamat URL Gambar";
width="728";
height="90";
}

if (pasang_gambar==2) {
gambar="Alamat URL Gambar";
width="728";
height="90";
}

if (pasang_gambar==3) {
gambar="Alamat URL Gambar";
width="728";
height="90";
}

document.write('<center>');
document.write('<img src=\"' + gambar + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('</center>');
// End -->
</script>

dimana:

Alamat URL Gambar ganti dengan alamat URL gambar sebenarnya.

width adalah lebar gambar; rubah sesuai dengan lebar gambar (atau sidebar) yang akan digunakan.

height adalah tinggi gambar; rubah sesuai dengan tinggi gambar yang akan ditampilkan.

var jumlah_gambar merupakan jumlah gambar yang ingin ditampilkan; sesuaikan nilainya sesuai keinginan. Misalnya ingin menampilkan 4 gambar; maka tambahkan juga baris kodenya dengan baris kode berikut

          if (pasang_gambar==4) {
          gambar="Alamat URL Gambar";
          width="728";
          height="90";
          }

dst….dst….dst….

Masukan kode ini ke sidebar atau elemen halaman lain sesuai dengan keinginan.

Contoh tampilannya bisa dilihat pada gambar disamping header diatas.

sumber kode: www.o-om.com/2008/01/manajemen-iklan-random-banner-pada-satu.html

*****

UPDATE

Menampilkan Gambar yang Berbeda Setiap Kali Halaman Dibuka atau Direload (refresh) – Kode 2

Ini adalah kode lain yang bisa digunakan untuk menampilkan gambar yang berbeda setiap kali halaman dibuka atau direload (refresh). Perbedaan dengan kode pertama diatas adalah gambar akan ditampilkan dalam ukuran sebenarnya sehingga gambar-gambar yang akan ditampikan sebaiknya disamakan ukurannya semua sebelum digunakan.

Kodenya adalah sebagai berikut:

<p align="center"><script language="JavaScript"><!--
//store the quotations in arrays
images = new Array(3);

images[0] = "<a > <img src='Alamat URL Gambar' ></a>";

images[1] = "<a > <img src='Alamat URL Gambar' ></a>";

images[2] = "<a > <img src='Alamat URL Gambar' ></a>";

index = Math.floor(Math.random() * images.length);
document.write(images[index]);
//done
// --></script><br/></p>

dimana:

Alamat URL Gambar ganti dengan alamat URL gambar sebenarnya.

Karena gambar akan ditampilkan dalam ukuran sebenarnya, maka sesuaikan lebar sidebar atau elemen halaman yang akan digunakan dengan ukuran gambar.

images = new Array(3) adalah jumlah gambar yang akan ditampilkan; rubah nilainya sesuai dengan jumlah gambar yang ingin ditampilkan; dan juga jangan lupa untuk menambahkan baris kode:

          images[x] = "<a > <img src='Alamat URL Gambar' ></a>";

dengan nilai x adalah jumlah gambar dikurang 1

Letakkan kode ini di sidebar atau elemen halaman lain yang diinginkan.

sumber kode: situseo.blogspot.com/2011/11/memasang-random-image-widget-pada.html

Recent Posts :