Cara Membuat Jquery Marquee Banner Dengan Javascript.

Jika ingin memiliki banner atau iklan yang menarik untuk diklik, wajib memiliki tampilan yang unik dan menarik. Jika ingin membuat banner yang bergerak dinamis, salah satu solusinya adalah menggunakan Jquery marquee banner. Javascript yang dikembangkan dinamicdrive.com ini mamapu menampilkan iklan, logo maupun gambar bergerak bergantian, sliding terus menerus sehingga tampilan iklan menjadi menarik untuk diklik pengunjung.



Cara membuat jquery marquee banner, tidak hanya dibaik digunakan untuk banner, tetapi juga bisa untuk menampilkan album photo yang bergerak secara perlahan. Jquery marquee banner mampu membuat Album photo bergerak satu persatu sehingga photo anda tampil semuanya.

Jika anda tertarik membuat jquery marquee banner hanya perlu mengikuti langkah-langkah berikut:


Untuk melihat efeknya, letakkan kursor mouse di atas image.



Langkah 1



Gantikan kode url dengan link yang diperlukan http://URL BLOG disini/ misalnya: http://wisencare.blogspot.com. Lalu ganti url photo dengan url yang anda miliki: masukkan URL image disini. Misalnya: <img src="http://i552.photobucket.com/albums/Maurice_Avrahm/masri.jpg">




Inilah kodenya:

<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: 4,

neutral: 150,

savedirection: false

});

</script>



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



<a href="http://URL BLOG disini/">


<img src="masukkan URL image disini" />

</a>



<a href="http://URL BLOG disini/">

<img src="masukkan URL image disini" />

</a>




<a href="http://URL BLOG disini/">

<img src="masukkan URL image disini" />

</a>



<a href="http://URL BLOG disini/">

<img src="masukkan URL image disini" />


</a>



<a href="http://URL BLOG disini/">

<img src="masukkan URL image disini" />

</a>



</div>

Langkah 2



Log in blog => Dashboard => Design => Add A Gadget => HTML/Javascript



Paste kode yang telah di edit (Lihat langkah 1) pada ruangan Content dan Save.


Itu saja. Selamat mencoba.,

Post title : Cara Membuat Jquery Marquee Banner Dengan Javascript.
URL post : https://adanggak.blogspot.com/2011/04/cara-membuat-jquery-marquee-banner.html