Tuesday, May 19, 2009

Bagaimana membuat vertical scroll dengan imej

Anda ingin tahu bagaimana untuk membuat vertical scroll dengan imej.Vertical scroll dengan imej adalah seperti demonstrasi di bawah.







Photobucket



Photobucket



Photobucket



Photobucket



Photobucket



Berikut adalah codingnya:
Note!Gambar terlebih dahulu perlulah diupload ke website yang menyediakan service upload gambar. Cthnya seperti photobucket.com atau picasaweb.
<table cellspacing="0" cellpadding="0" width="180" align="center" border="1">
<tbody><tr>
<td class="marquee"><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" loop="true" height="300">

<center><a href="http://s670.photobucket.com/albums/vv63/faridah_photos/tudung/?action=view&current=tudung3.jpg" target="_blank"><img alt="Photobucket" src="http://i670.photobucket.com/albums/vv63/faridah_photos/tudung/tudung3.jpg" border="0" /></a></center>

<center><a href="http://s670.photobucket.com/albums/vv63/faridah_photos/tudung/?action=view&current=tudung5.jpg" target="_blank"><img alt="Photobucket" src="http://i670.photobucket.com/albums/vv63/faridah_photos/tudung/tudung5.jpg" border="0" /></a></center>

<center><a href="http://s670.photobucket.com/albums/vv63/faridah_photos/tudung/?action=view&current=tudung6.jpg" target="_blank"><img alt="Photobucket" src="http://i670.photobucket.com/albums/vv63/faridah_photos/tudung/tudung6.jpg" border="0" /></a></center>

<center><a href="http://s670.photobucket.com/albums/vv63/faridah_photos/tudung/?action=view&current=tudung7.jpg" target="_blank"><img alt="Photobucket" src="http://i670.photobucket.com/albums/vv63/faridah_photos/tudung/tudung7.jpg" border="0" /></a></center>

<center><a href="http://s670.photobucket.com/albums/vv63/faridah_photos/tudung/?action=view&current=tudung6.jpg" target="_blank"><img alt="Photobucket" src="http://i670.photobucket.com/albums/vv63/faridah_photos/tudung/tudung6.jpg" border="0" /></a></center>

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


Selamat mencuba dan jumpa lagi!

No comments:

Post a Comment