Image dalam Kode Marquee

Kode Marquee adalah kode untuk membuat text ataupun gambar bisa bergerak / berjalan.


Prinsip dasarnya hanya perlu memasukan kode text / gambar ke dalam kode marquee, kode marquee sendiri adalah <marquee> dan </marquee>


Untuk membuat foto tampil harus menggunakan kode html tambahan ( merah ): 
<img src="http://i961.photobucket.com/albums/ae91/arozaq/mitos.jpg" height="100" width="100" />

Contoh :

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

<img src="http://i961.photobucket.com/albums/ae91/arozaq/mitos.jpg" height="100" width="100" />
<br/><br/>
<img src="http://i961.photobucket.com/albums/ae91/arozaq/mitos.jpg" height="100" width="100" />

</marquee>

Hasil :

http://i961.photobucket.com/albums/ae91/arozaq/mitos.jpg" height="100" width="100" />



http://i961.photobucket.com/albums/ae91/arozaq/mitos.jpg" height="100" width="100" /> 

Keterangan :

Kode <br/> untuk memisahkan beberapa buah gambar ( tidak berdempetan ).
Kode onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" align="center" berfungsi ketika mouse menyorot pada gambar akan berhenti dan sebliknya.

Variasi lain dengan memakai bingkai ( kode warna merah )

<table border="10" cellpadding="3" height="105" width="105"/>
<tr>
<td>
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="102" height="102" align="center">

<img src="http://i961.photobucket.com/albums/ae91/arozaq/mitos.jpg" height="100" width="100" />
<br/>
<img src="http://i961.photobucket.com/albums/ae91/arozaq/mitos.jpg" height="100" width="100" />

</marquee>
</td>
</tr>
</table>


Tambahkan warna background biru dengan menambahkan kode berikut ( biru )
<table border="10" cellpadding="3" height="105" width="105" bgcolor="#b1c3d9" />
<tr>
<td>