Tutorial : Image Marquee

Ana Myhusna | 17:09 | 0Comments |

Hai semua.. Ana baru nak tidur. Tiba-tiba, Ana dpat satu request lah pulak. Ana tak nak tangguh tangguh.. So, Ana just tunaikan request Thaqif. So, jom start!

1. Pergi Dashboard - Layout - Add A Gadget - HTML/Javascript
2. Copy kod yang Ana bagi ini.
<marquee behavior="alternate" direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="5">
<a href="LINK"><img height="125" src="IMAGE URL" width="125" />
<a href="LINK"><img height="125" src="IMAGE URL" width="125" />
<a href="LINK"><img height="125" src="IMAGE URL" width="125" />
<a href="LINK"><img height="125" src="IMAGE URL" width="125" />
</marquee></div>
3. Pastekan dekat HTML/Javascript tadi.
4. Ubah mana yang patut dan siap!

Take a note
Hijau : Left / Right / Up / Down
Kuning : Kelajuan gambar bergerak. Makin bertambah nombor, makin laju.
Biru : Link URL
Merah : Ketinggian gambar (height size)
Oren : Lebar gambar (width size)
Ungu : URL gambar yang korang nak letak

No comments: