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!

Advertisements

Marquee (Teks Gerak)

Adalah salah satu script HTML, yang dipergunakan agar supaya teks bisa bergerak/berjalan.

Teks:

<marquee> … </marquee>

 

Atribut yang bias any di ikutkan dalam Marquee :

BGCOLOR=”warna” –> Untuk mengatur warna background (latar belakang) teks
DIRECTION=”left/right/up/down” –> Mengatur arah gerakan teks
BEHAVIOR=”scroll/slide/alternate” –> Untuk mengatur perilaku gerakan Ket :
Scroll –> teks bergerak berputar

Slide–> teks bergerak sekali lalu berhenti
Alternate –> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik) TITLE=’pesan” –> Pesan akan muncul saat mouse berada di atas teks
SCROLLMOUNT=”angka” –> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.
SCROLLDELAY=”angka” –> Untuk mengatur waktu tunda gerakan dalam mili detik
LOOP=”angka|-1|infinite” –> Mengatur jumlah loop
WIDTH=”lebar” –> Mengatur lebar blok teks dalam pixel atau persenContoh :

  1. Teks dari Kanan Ke kiri :

<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">marquee dari kanan ke kiri</MARQUEE>

  1. Teks dengan variasi huruf dan Latar belakang

<div align="left"><FONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">
Ada Latar belakang
</MARQUEE></b></FONT></div>

  1. Teks berhenti saat Mouse melewati Objek Gerak

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">silahkan tunjuk ke sini </marquee>

  1. Teks Gerak dengan Link

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center"> <a href="http://rubrik-elektronik.blogspot.com" target="new">Rubrik Elektronik</a><br/> <a href="http://electronic-rubric.blogspot.com" target="new">Electronic Rubric </a><br/>

<a href="http://kolom-iklan.blogspot.com" target="new">Kolom iklan </a><br/>

</marquee>

Blog Kanf Rohman