Membuat Gambar Berjalan [Marquee]

Author Nur Siswanto    Category

Ada seorang bertanya kepada saya, "bagaimana cara membuat gambar berjalan seperti di blogmu?".

Berikut jawaban untuk temen saya yang pengen ngerti cara membuat gambar berjalan seperti yang ada diblog saya. Berikut Source kode nya :D

<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()"
scrollamount="3" align="center" height="60" width="615">

<a
href="http://www.idr-clickit.com/register.php/cahmbudur.html" target="_blank"
rel="nofollow" ><img src="http://www.idr-clickit.com/b.php?u=40890" border="0"
height="60" /></a>


<a href="http://www.dbclix.com/?refid=4443163962548" target="_blank"
rel="nofollow"><img src="http://www.dbclix.com/images/banner.jpg" alt="DbClix"
border="0" height="60" /></a>

<a target="_blank" href="http://www.co.cc/?id=158824" title="CO.CC:Free Domain"
rel="nofollow"><img
src="http://get-banner.lookup.co.cc/banner_img/cocc90_40g.gif" border="0"
height="60" /></a>

<a target="_blank" href="http://www.000webhost.com/257168.html"
onclick="this.href='http://www.000webhost.com/257168.html'" rel="nofollow"> <img
src="http://www.000webhost.com/images/banners/468x60/banner6.gif" alt="Hosting
Gratis" border="0" height="60" /></a>

<a target="_blank" href="http://www.linkbucks.com/referral/203346"
rel="nofollow"><img
src="http://www.linkbucks.com/tmpl/mint/img/468_60link_bucks.gif" border="0"
height="60" /></a>

<a target="_blank" href="http://www.readbud.com/?ref=4171364"
rel="nofollow"><img src="http://www.readbud.com/images/468_60_banner.jpg"
border="0" height="60" alt="readbud - get paid to read and rate articles" /></a>

<a target="_blank" href="http://www.glikko.com/u/r/cahmbudur"
rel="nofollow"><img src="http://www.glikko.com/images/glikko468x60.gif"
width="468" height="60" border="0" /></a>
</marquee>

Jika kita tempel maka akan menjadi seperti ini :
DbClix Hosting Gratis readbud - get paid to read and rate articles

Keterangan :
direction = "left" ==> merupakan arah dari gambar akan berjalan, left = kekiri, right = kekanan
scrollamount ="3" ==> merupakan atribut yang mengatur kecepatan gambar berjalan
height = "60" ==> merupakan pengaturan tinggi dari marquee dalam pixel
width = "615" ==> merupakan pengaturan lebar dari marquee dalam pisel

Kode yang berwarna merah merupakan gambar yang pertama
http://www.idr-clickit.com/register.php/cahmbudur.html adalah alamat tujuan ketika gambar di klik
http://www.idr-clickit.com/b.php?u=40890 merupakan file gambar yang akan dipasang

Sebenarnya ini adalah modifikasi dari text marquee yang kemudian teks diganti menjadi gambar. Untuk format aslinya kan seperti ini:

<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()"
scrollamount="3" align="center" width="615"> Teks yang akan
ditampilkan</marquee>

Jadinya akan seperti ini:

Teks yang akan ditampilkan
---

1 Comment to “Membuat Gambar Berjalan [Marquee]”

Post comment