Auto Scrolling Image Banners

Salam...

Aku sudah semakin pulih dari demam panas. Belum kebah sepenuhnya tetapi sekurang-kurangnya aku tidaklah hanya berbaring di katil. Aku sudah boleh melakukan kerja-kerja rutin seperti biasa walaupun terpaksa meneruskan pengambilan ubat antibiotik.

Untuk post kali ini, aku akan memaparkan teknik untuk membuat Auto Scrolling Image sepertimana yang terdapat di blog aku ini (Friends' Banners dan Artikel Menarik).

Aku bukanlah seorang yang pakar, cuma sekadar ingin berkongsi dan memanjangkan ilmu yang dihasilkan oleh orang lain. Mungkin ada di antara anda yang masih belum tahu lagi walaupun terdapat banyak blog-blog tutorial yang telah memaparkan maklumat yang sama.

Maklumat ini juga sebagai memenuhi permintaan beberapa orang rakan blogger yang inginkannya termasuklah bro Pembawa Wacana dari http://wacanaku2009.blogspot.com/



Di bawah ini aku paparkan html kodnya untuk anda copy...

<script type="text/javascript" src="https://sites.google.com/site/jquery9/crawler.js">
/*
Text and/or Image Crawler Script ©2009 John Davenport Scheuer
as first seen in http://www.dynamicdrive.com/forums/ username: jscheuer1
This Notice Must Remain for Legal Use
*/
</script>

<script type="text/javascript">
marqueeInit({
uniqueid: 'image-marquee',
style: {
'padding': '2px',
'width': '100%',
'height': 'auto'
},
inc: 9, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)

moveatleast: 2,
neutral: 150,
savedirection: false
});
</script>

<div class="marquee" id="image-marquee">

Letakkan link image atau link banner di sini

</div>

Anda boleh meletakkannya di bahagian sidebar sebagai widget atau jika ingin meletakkannya di atas post, anda perlu membuat sedikit adjustment untuk keterampilannya.

Untuk mempercepat atau memperlahankan pergerakan scrolling anda perlu ubah angka 2 (warna merah). Manakala image atau banner (link image dan href link berkaitan) di letakkan menggantikan text berwarna biru.

Orait! Aku harap anda faham..hehe.

Kepada anda yang telahpun tahu, anggap sahaja entry ini sebagai refresher post.



Sekian.

P/s:  Jangan letak di dalam post otherwise ia akan memanjang ke bawah! 
P/s 2: Kalau banner yg ada (br/) atau (center) kena buang (br/) dan (center) tu yer