Cara Membuat Gambar (Image) Berjalan

Ada saja kawan yang menanyakan bagaimana cara membuat gambar (image) berjalan seperti foto berjalan pada footer (halaman bawah) SITI ZURIAH. Sebenarnya jika kawan tersebut mau sedikit mencarinya pada artikel-artikel SITI ZURIAH yang terdapat pada tab content, hal tersebut sudah dijelaskan secara gamblang pada artikel "Cara Membuat Tulisan Berjalan".

Pada dasarnya, cara membuat gambar (image) berjalan sama dengan cara membuat tulisan berjalan, hanya saja kode yang diletakkan setelah perintah marquee bukan berupa tulisan melainkan perintah untuk menampilkan gambar (image). Untuk lebih jelasnya bisa melihat contoh berikut:

Misalnya kita akan membuat gambar banner berjalan, seperti ini:
SC Community Sastra Culun

Perintah yang harus dibuat seperti ini:

<marquee scrollamount="5" direction="left"
 onmouseover="this.stop()" onmouseout=
"this.start()"><a href="http://ruangsc.blogspot.
com/"target="_blank"><img style="border:0px;
 width:150px; height:54px; margin-top:5px;" 
src="http://i563.photobucket.com/albums/ss76/peace_
enes/SCC.gif"/></a><a href=
"http://sastraculun.blogspot.com/"target=
"_blank"><img style="border:0px; width:150px;
 height:54px; margin-top:5px;" src=
"http://i563.photobucket.com/albums/ss76/
peace_enes/SaCu.gif"/></a></marquee>

Untuk lebih memahami perintah scrollamount, direction, onmouseover, dan onmouseout, kamu dapat mempelajarinya pada artikel "Cara Membuat Tulisan Berjalan".

URL http://ruangsc.blogspot.com/ di atas merupakan link terhadap banner http://i563.photobucket.com/albums/ss76/peace_enes/SCC.gif, sedang URL http://sastraculun.blogspot.com/ merupakan link terhadap gambar banner http://i563.photobucket.com/albums/ss76/peace_enes/SaCu.gif.
Untuk mempelajari tentang link kamu dapat membaca "Cara Membuat Link", dan untuk membuat banner dapat mempelajarinya pada artikel "Cara Membuat Script Banner".

Style image pada perintah di atas dibuat sama agar terlihat rapih. Mengenai ini kamu dapat mempelajarinya pada artikel "Cara Mengatur Dan Merapihkan Gambar".

Jika arah pergerakan (direction) dibuat ke atas atau ke bawah, maka kamu harus menambahkan perintah height setelah perintah direction. Untuk lebih jelasnya, pelajari artikel "Cara Membuat Tulisan Berjalan".

Segitu aja sob. Semoga bisa difahami dan bermanfaat .....
  • Blogger Comments
  • Facebook Comments
Item Reviewed: Cara Membuat Gambar (Image) Berjalan Rating: 5 Reviewed By: stzuriah.blogger.com