Membuat scrolling image dapat memberi pandangan yang berbeda dibandingkan menampilkan gambar secara statis. Kebanyakan scrolling image ini diaplikasikan oleh sesetengah blog yang memiliki daftar list dalam bentuk gambar seperti banner ataupun mendapat tag dari blogger lain.
Contoh scrolling image adalah berikut.
Pergerakan setiap gambar dapat diubah samada dari kiri ke kanan, bawah ke atas dan sebaliknya. Selain itu kecepatan gerakan setiap gambar juga dapat dikontrol.
Contoh kode untuk 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>
Keterangan :
Arah pergerakan gambar: dapat diubah menjadi up, down dan tepat.
Kecepatan pergerakan gambar: dapat dikonversi ke nomor lain. Semakin tinggi nilai semakin laju.
link untuk dibuka: link yang akan dibuka apabila gambar diklik.
url gambar: url gambar yang akan dipamerkan.
Catatan:
1. Jika Anda ingin menambahkan lebih banyak gambar, cuma copy paste kembali untuk bagian gambar
2. Kode-kode ini dapat digunakan di dalam post entri ataupun pada bagian gadget