[Tutorial] Nampilin poto secara acak (Random)
Web Development October 25th, 2007
anda punya koleksi poto yang ingin anda tampili di website/blog/jurnal online tercinta anda secara acak/random sehingga akan tampil berbeda dan terkesan update tiap kali halaman web yang memuat foto anda dibuka….caranya gambang…eh gampang bro!!!
Oke, kalo hosting anda support PHP, maka anda bisa memulainya sekarang
1. Tempatkan foto anda dalam satu folder/direktori yang sama (contoh : ./poto) - tips : akan terlihat lebih indah nantinya bila foto yang anda masukkan memiliki ukuran resolusi yang sama.
2. buka notepad…masukkan/salin script dibawah ini :
<?php
// masukkan path direktori dimana anda meletakkan folder poto diserver mis: $folder = ‘/poto’, tapi untuk mempermudah…lebih baik dikosongkan saja, untuk kemudian file ini nantinya kita simpan difolder yang sama didalam folder /poto
$folder = ”;
// Jenis ekstensi file yang bisa dibaca, silahkan tambahkan kalo ingin tambahan ekstensi yang lain (misal bmp), dipisahkan dengan spasi.
$exts = ‘jpg jpeg png gif’;
$files = array(); $i = -1; // Inisialisasi beberapa variabel
if (” == $folder) $folder = ‘./’;
$handle = opendir($folder);
$exts = explode(’ ‘, $exts);
while (false !== ($file = readdir($handle))) {
foreach($exts as $ext) { // cek tiap ektensi
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]); // Selesai!
?>
Kemudian simpan file dengan nama random.php / atau apapun sesuka hati anda
3. Dihalaman HTML tempat anda ingin menampilkan gambar, masukkan tag html (img) yang kemudian diarahkan ke random.php
contoh :
<html>
<head>
<title>test random poto</title>
</head>
<body>
<img src=”poto/random.php” alt=”random potoku tersayang” />
</body>
</html>
4. Selesai….emangnya mau ngapain lagi….sisanya (desain,tag html,css,dll) cari sendiri….atau nanti dilain tutor…
Leave a Comment