Tips bikin Random Images di halaman web….

Sip..kali ni ane mau bagi2 tips cara bikin Random Images di web site, jadi setiap di refresh gambarnya berubah…
Ada 2 cara, pertama pake bahasa PHP n pake java script.. Untuk yang ni ane kasih tips pake java scipt, kalo php ane dah nyoba tapi belum berhasil jadi gak dikasih dulu…heheheh

ok…siapin dulu gambar nya, terserah mau berapa aja

1. ubah nama gambarnya berurutan.. misal:

  • img1
  • img2
  • img3
  • dst

2. trus ketik javascript dibawah ini n posisikan dalam tag<head></head> :

<script>
NumberOfImagesToRotate = 6;

<!–Angka 6 itu sesuai dengan jumlah gambar yang ada–>

FirstPart = ‘<img src=”images/img’;
LastPart = ‘.jpg” width=”540″ height=”150″ border=”2″ style=”border-color:#0033FF; “>’;

function printImage() {
var r = Math.ceil(Math.random() * NumberOfImagesToRotate);
document.write(FirstPart + r + LastPart);
}
</script>

3. trus panggil fungsi printImage() di dalam <body></body>..misal :

<body>
<script type=”text/javascript” language=”JavaScript” >
printImage();
</script>
</body>

4. trus jalankan halaman di browser kesayangan ente…

Met coba,,,kalo bingung tanya aja ke ane…OK
moga bermanfaat…!!!