Gambar berubah saat web di- Load…(Rotator)!!!

Mencoba Image Rotator

artikel ini aku ambil dari koleksinya “Aisar Labibi Romas” tanpa aku edit sama sekali. Selain itu aku belum sempat mencobanya, klo ada yang mencoba dan gagal bisa kita discuss bareng2 disini!!!

Tampilan gambar yang berbeda-beda setiap kali halaman web di-load, tentu menambah citra artistik web anda. Selain itu, pengunjung juga dibuat penasaran gambar apa yang selanjutnya akan muncul. Ada banyak cara untuk mengimplementasikan “Image Rotator Script”. Anda bisa mencoba contoh script di bawah ini.

<?php
$folder = ‘images/depan’;

$exts = ‘jpg jpeg png gif’;

$files = array(); $i = -1;
if (” == $folder) $folder = ‘./’;

$handle = opendir($folder);
$exts = explode(‘ ‘, $exts);
while (false !== ($file = readdir($handle))) {
foreach($exts as $ext) {
if (preg_match(‘/.’.$ext.’$/i’, $file, $test)) {
$files[] = $file;
++$i;
}
}
}
closedir($handle);
mt_srand((double)microtime()*1000000);
$rand = mt_rand(0, $i);

header(‘Location: ‘.$folder.’/’.$files[$rand]);
?>

Cara pemakaiannya :

Simpan script di atas dalam sebuah file php, misalkan : rotate.php
Simpan semua gambar yang akan di-rotate pada sebuah folder, misalkan folder “gambar”
Perhatikan variabel $folder pada script di atas, ubahlah nilai variabel tersebut sesuai dengan lokasi dan nama folder pada poin 2 (lokasi relatif). Contoh : apabila file rotate .php berada di root, dan lokasi folder “gambar” adalah (root)/lib/gambar maka anda mengisi nilai $folder dengan “lib/gambar”
Untuk menampilkan gambar anda tinggal memasukkan lokasi file rotate.php di dalam parameter “src” pada tag “img”, contoh : <img src=”rotate.php” width=”100″>
Selamat Mencoba!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s