Slide Image Menggunakan Marquee

Slide Image Menggunakan Marquee

Dalam Posting ini saya akan membahas tentang membuat tampilan Slide image yang bergerak secara horzontal bergerak ke kiri dan ke kanan secara bergantian dengan menggunakan tag html saja. yaitu dengan menggunakan tag html "<marquee>" dengan tag marque kita dapat menampilkan objeck apapun seperti teks, gambar, bahkan object css pun dapat dimaksukan pada marquee dengan sarat harus pada dalam jangkauannya. baiklah berikut ini tag html yang dapat membangun Slide Image nya :

Tag HTML nya

<marquee align="center" behavior="alternate" direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="340 px"> <a href="URL Tujuan Gambar 1" target="_blank"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwY4RW6qG_e5OyiCdZ0sBliJITweNyjpRoJH_yMKpzC0nBLhOYDwU88D_zZGKw02mxwun2hJeiTTFIr4A0WIzHoWxPz48v6s-ay7warfg9Y89wssnBXjmjLX8noUuy0Cj581pRbH9LvPql/s1600/a.jpg" width="130" /></a> <a href="URL Tujuan Gambar 2" target="_blank"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic1Rw5hyphenhypheniw08GEQICiNNU6EKEaxP4g0-nwE5Z_sz1ijwdzwmlpf_y22VrQeiZEJaS4tLjASkQfry1eGyCwI0dKWBW8szpKslE0BoaSaVOaTb_lnQB2fUfRs2i3ZkT-cK7lUCYGNJl1kv4t/s1600/s.jpg" width="130" /></a> <a href="URL Tujuan Gambar 3" target="_blank"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVeGNc5JW9-I5hsX_3kEHYXCAbqeIzLM8LvLwgOyOtLm78Si_GScwuH1wVPIRe6ye89_nuX12RRi8BARn26rnPmAE7gpD6OYL9DjA5kIFQXuf33B9DdY5W2ETD4g30YhUzgQXWaVzSRZcL/s1600/c.jpg" width="130" /></a> <a href="URL Tujuan Gambar 4" target="_blank"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3hT1VkyJLJ9Sl08eSU2OYl6xHlBXrtL_IiBZnepB7wdl-D2SGVcYd_4exbVyk-SMg9fkdHidfFn9w6WVeluZilkMLUkI_s8boy00_7W_NJjlMutRDykgbODwMYn_LPPSjxtDP2vYu6qz6/s1600/rs.jpg" width="130" /></a> <a href="URL Tujuan Gambar 5" target="_blank"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwY4RW6qG_e5OyiCdZ0sBliJITweNyjpRoJH_yMKpzC0nBLhOYDwU88D_zZGKw02mxwun2hJeiTTFIr4A0WIzHoWxPz48v6s-ay7warfg9Y89wssnBXjmjLX8noUuy0Cj581pRbH9LvPql/s1600/a.jpg" width="130" /></a> </marquee>

File nya dapat dilihat hasilnya  dan dapat diunduh berikut ini :

Demo                                  Unduh