GAMBAR DALAM EFEK MARQUEE

Kalau pada postingan terdahulu pernah kita pelajari bersama efek marquee dengan text,pada kesempatan kali ini akan kita pelajari fungsi marquee untuk gambar.
Sekedar mengingatkan saja...fungsi marquee pada gambar ini akan jadi seperti tampilan slide.Masih ingat postingan saya tentang cara membuat slide dengan foto-foto pribadi ?

Begini cara membuat gambar dalam kode marquee :
-.Pertama - tama kita siapkan gambar yang akan dipasang.
-.Upload gambar untuk mendapatkan kode/URL.Terserah mau pakai web hosting yang mana,tapi kalau saya pakai Photobucket.Kalau mau ikut klik disini.
=>.contoh kode/URL gambar :

<a href="http://s754.photobucket.com/albums/xx181/ciptocamsa/?action=view&amp;current=1.jpg" target="_blank"><img alt="Photobucket" border="0" src="http://i754.photobucket.com/albums/xx181/ciptocamsa/1.jpg" /></a>

<a href="http://s754.photobucket.com/albums/xx181/ciptocamsa/?action=view&current=DSC02584.jpg" target="_blank"><img src="http://i754.photobucket.com/albums/xx181/ciptocamsa/DSC02584.jpg" border="0" alt="Photobucket"></a>

<a href="http://s754.photobucket.com/albums/xx181/ciptocamsa/?action=view&amp;current=2.jpg" target="_blank"><img alt="Photobucket" border="0" src="http://i754.photobucket.com/albums/xx181/ciptocamsa/2.jpg" /></a></div>


Sekarang kita masukkan kode - kode diatas dalam efek marquee :

<code><marquee align="center" direction="up" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100%">

<a href="http://s754.photobucket.com/albums/xx181/ciptocamsa/?action=view&amp;current=1.jpg" target="_blank"><img alt="Photobucket" border="0" src="http://i754.photobucket.com/albums/xx181/ciptocamsa/1.jpg" /></a>

<a href="http://s754.photobucket.com/albums/xx181/ciptocamsa/?action=view&current=DSC02584.jpg" target="_blank"><img src="http://i754.photobucket.com/albums/xx181/ciptocamsa/DSC02584.jpg" border="0" alt="Photobucket"></a>

<a href="http://s754.photobucket.com/albums/xx181/ciptocamsa/?action=view&amp;current=2.jpg" target="_blank"><img alt="Photobucket" border="0" src="http://i754.photobucket.com/albums/xx181/ciptocamsa/2.jpg" /></a></div>
<span style="color: #cc0000;">

</marquee> </code> <span class="fullpost"><span style="color: #3366ff;"></span></span>

Maka akan jadi :









Agar kelihatan lebih bagus,kita bisa masukan gambar dalam sebuah bingkai,caranya sbb :

<table border="10" cellpadding="3" height="135" width="195"/>

<tr>

<td>

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="192" height="100" align="center"&gt;

<img src="http://i754.photobucket.com/albums/xx181/ciptocamsa/1.jpg" height="130" width="190" />

<br/>

<img src="http://i754.photobucket.com/albums/xx181/ciptocamsa/2.jpg" height="130" width="190" />

<br/>

<img src="http://i754.photobucket.com/albums/xx181/ciptocamsa/DSC02584.jpg" height="130" width="190" />

</marquee>

</td>

</tr>

</table>

Ket :

1. Warna biru : kode bingkai silahkan sesuaikan ukuran dengan merubah angka.
2. Warna ungu : kode marquee
3. Warna merah : URL gambar

maka akan jadi :

Sudah dulu ah..ngantuk..!
Selamat mencoba,semoga berhasil