Cara Membuat Gambar Bergerak-gerak

Membuat scrolling image dapat memberi kesan yang berbeda berbanding memaparkan gambar secara statik. Kebanyakan scrolling image ini diaplikasikan oleh sesetengah blog yang mempunyai babarapa list dalam bentuk gambar seperti banner ataupun  tag daripada blogger lain.

Contoh scrolling image adalah berikut.




Pergerakan setiap gambar dapat diubah sama dari kiri ke kanan, bawah ke atas dan sebaliknya. Selain itu kelajuan pergerakan setiap gambar juga dapat diatur


Contoh kode bagi scrolling image adalah seperti berikut.

<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="150" height="200">


<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>
<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>

</marquee>

Penerangan:

Arah pergerakan gambar : boleh ditukar .semisal: up, down dan right. 
 pergerakan gambar : boleh ditukar kepada nomor lain. Semakin tinggi nilai semakin cepat
link untuk dibuka: link yang akan dibuka apabila gambar diklik.
url gambar: url gambar yang akan dipamerkan.

Catatan:
1. Jika anda ingin menambah lebih banyak gambar, cuma copy paste kembali untuk bahaian gambar
2. Kode-kode ini dapat digunakan di dalam post entri ataupun pada bagian gadget