Tutorial Gambar Bergerak

Penggunaan marquee tak hanya pada teks, tapi bisa juga digunakan pada gambar agar tampilan blog menarik untuk dikunjungi, berikut saya script gambar bergerak menggunakan marquee :

Behavior "scroll"

Format :

<a href="http://www.google.co.id/imgres?imgurl=https://annisaanggiana.files.wordpress.com/2012/01/5652131.jpg&amp;imgrefurl=https://annisaanggiana.wordpress.com/2012/01/15/sunset-bersama-rosie-by-tere-liye/&amp;h=475&amp;w=316&amp;tbnid=ZPGnDStp70UG0M:&amp;zoom=1&amp;docid=ZTlPnHGBhabfgM&amp;ei=9YULVfrCOoKjugSbj4DICg&amp;tbm=isch" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><marquee behavior="scroll" direction="right" width="250"><img border="30" height="150" src="https://annisaanggiana.files.wordpress.com/2012/01/5652131.jpg" width="100" /></marquee><marquee behavior="scroll" direction="left" width="250"><img border="30" height="150" src="https://detaapritantia.files.wordpress.com/2012/04/8343444.jpg" width="100" /></marquee></a>

Hasil :



Behavior "slide"

Format :

<a href="http://www.google.co.id/imgres?imgurl=https://annisaanggiana.files.wordpress.com/2012/01/5652131.jpg&amp;imgrefurl=https://annisaanggiana.wordpress.com/2012/01/15/sunset-bersama-rosie-by-tere-liye/&amp;h=475&amp;w=316&amp;tbnid=ZPGnDStp70UG0M:&amp;zoom=1&amp;docid=ZTlPnHGBhabfgM&amp;ei=9YULVfrCOoKjugSbj4DICg&amp;tbm=isch" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><marquee behavior="slide" direction="right" width="250"><img border="30" height="150" src="https://annisaanggiana.files.wordpress.com/2012/01/5652131.jpg" width="100" /></marquee><marquee behavior="slide" direction="left" width="250"><img border="30" height="150" src="https://detaapritantia.files.wordpress.com/2012/04/8343444.jpg" width="100" /></marquee></a>

Hasil :


Behavior "alternate"

Format:

<a href="http://www.google.co.id/imgres?imgurl=https://annisaanggiana.files.wordpress.com/2012/01/5652131.jpg&amp;imgrefurl=https://annisaanggiana.wordpress.com/2012/01/15/sunset-bersama-rosie-by-tere-liye/&amp;h=475&amp;w=316&amp;tbnid=ZPGnDStp70UG0M:&amp;zoom=1&amp;docid=ZTlPnHGBhabfgM&amp;ei=9YULVfrCOoKjugSbj4DICg&amp;tbm=isch" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><marquee behavior="alternate" direction="right" width="2500"><img border="30" height="150" src="https://annisaanggiana.files.wordpress.com/2012/01/5652131.jpg" width="100" /></marquee><marquee behavior="alternate" direction="left" width="250"><img border="30" height="150" src="https://detaapritantia.files.wordpress.com/2012/04/8343444.jpg" width="100" /></marquee></a>

Hasil :





Catatan : Format bisa diatur sesuai kebutuhan dan URL gambar bisa diganti sesuai keinginan anda.


Nb: (gak terlalu penting sih) Saya punya buku-buku diatas, bagi yang mau pinjam silahkan hubungi saya, semoga bisa bermanfaat btw pinjemnya gratis kok hehehe :D