CARA BUAT GAMBAR BERGERAK SCROLLING

Membuat scrolling image dapat memberi pandangan yang berbeza berbanding memaparkan gambar secara statik. Kebanyakan scrolling image ini diaplikasikan oleh sesetengah blog yang mempunyai senarai list dalam bentuk gambar seperti banner atau pun mendapat tag daripada blogger lain.



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



Contoh kod 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 kepada up, down dan right.

  • Kelajuan pergerakan gambar : Boleh ditukar kepada nombor lain. Semakin tinggi nilai semakin laju.

  • Link untuk dibuka : Link yang hendak dibuka apabila gambar diklik.

  • URL gambar : URL gambar yang hendak dipamerkan.




Nota :


    • Jika anda ingin menambah lebih banyak gambar, cuma copy paste kembali untuk bahagian gambar

    • Kod-kod ini dapat digunakan di dalam post entri ataupun pada bahagian gadget

Terima Kasih Kerana Sudi Membaca Entri Saya

No comments:

Related Posts Plugin for WordPress, Blogger...