Cara membuat javascript random image

,

Cara membuat javascript random imageCara membuat javascript random image.

Random image itu kalo dalam bahasa tegalnya gambar acak. CATET !!!

Apa fungsi javascript random image ini???

Tergantung yang mengapliksnnya!!
Tapi biasanya untuk gambar iklan biar bisa tampil gonta ganti tuh gambar.

Nah pada kesempatan kali ini admin mau share Cara membuat javascript random image.

Pertama tama kita buat dulu file dengan nama: random-image.js

Setelah itu masukan script:

image = new Array('<img src="gambar1.jpg"/>','<img src="gambar2.jpg"/>','<img src="gambar3.jpg"/>');
n=Math.floor(Math.random() * 3);
document.write(image[n]);


Mudah sekali bukan.
itu hanya gambar saja , bila ingin gambar dengan link kodenya seperti ini:

image = new Array('<a href="#"><img src="gambar1.jpg"/></a>','<a href="#"><img src="gambar1.jpg"/></a>','<a href="#"><img src="gambar1.jpg"/></a>');
n=Math.floor(Math.random() * 3);
document.write(image[n]);


Setelah itu panggil script itu di halaman yang akan di targetkan.
Dengan script seperti ini:

<script src="random-image.js"></script>


Script full satu halaman web:

<html>
<body>
<style>
img{
max-width:100%;
}
</style>
<script>
image = new Array('<img src="gambar1.jpg"/>','<img src="gambar2.jpg"/>','<img src="gambar3.jpg"/>');
n=Math.floor(Math.random() * 3);
document.write(image[n]);
</script>
</body>
</html>


Penting !!!
1. Ganti (Math.random() * 3); sesuai nominal yang di random.
Contoh:
Misalkan kamu random 5 image berarti di ganti 5.

2. Ganti src dengan alamat gambar kamu.


Mungkin hanya itu saja sob. yang mau nambahin silahkan di komentar.
Terimakasih.

3 komentar:

  1. Saya cari" ga ketemu" ternyata jawabanya ada di sini, thanks gan telah berbagi

    BalasHapus
  2. Haha sip mas mayuf. Mkasih kunjungannya.

    BalasHapus
  3. nanti saya pasang di blogku :)
    sangat bermanfaat :)

    BalasHapus

Maaf, fitur koment hanya untuk pengguna akun goggle saja.
Dikarenakan untuk meminimalisir komentar spam.