Random Header Image

Waktu saya sedang browsing di Planet Terasi dan masuk ke blognya Pak Budi Raharjo, saya iseng nge-click yang empunya theme si Chris Pearson. Wow… websitenya mengingatkan saya dengan buku catalog yang pernah saya lihat di brosur bank. Desainya menarik buat saya dengan desainnya yang minimalis. Isinya juga cukup padat dengan tutorialnya yang mostly adalah tentang Blog.

Ada satu article yang menarik perhatian saya yaitu artikel Random Header Image menggunakan PHP. Kebetulan saya tahu sedikit tentang PHP dan udah lama gak ngutak-ngatik PHP karena kesibukan di kantor. Wah ternyata ada satu fungsi yang simple sekali agar image header berubah-ubah saat page kembali di refresh.

Without further ado, here is the random header image code:

<img src="http://images_folder_path/header_<?php echo(rand(1,5)); ?>.jpg” width=”image_width” height=”image_height” alt=”image_alt_text” />

All the magic happens in this bit of PHP:

<?php echo(rand(1,5)); ?>

That little snippet of code produces — and then echoes, or prints — a random number between 1 and 5. Therefore, the header image references become header_1, header_2, and so on.

What, you were expecting it to be more complicated? Sorry!

Check out Chris Pearson working example of random header images.