Membuat slide show image dengan javascript

Share

javascript_logo_unofficial-300x300Dalam membuat layout web kadang diperlukan gambar slide show untuk memberi suasana hidup pada web tersebut. Biasanya digunakan untuk header atau banner web.

Sebenarnya untuk membuat animasi slide show bisa kita gunakan flash(.swf) atau gambar gif. Jika kita menggunakan flash tentu saja masih diperlukan plugin tambahan lagi untuk menjalankannya yaitu flash player. Hal ini tentu saja kurang fleksibel. Sedangkan jika kita menggunakan file gif, kita terkendala pada tampilan grafis dan besarnya file.

 Berikut adalah contoh sederhana membuat slide show image menggunakan javascript. Dalam contoh ini kita gunakan 3 buah gambar yaitu images1.jpg, images2.jpg, dan images3.jpg. Gambar tersebut akan ditampilkan secara slide show dengan mengatur waktu tampilnya. Simpan file images tersebut jadi satu folder dengan file javascript nya.

[sourcecode language="javascript"]





SlideShow

Contoh Slide Show Header




[/sourcecode]

Selanjutnya aplikasikan contoh tersebut pada design web anda.

NB : kita dapat mengembangkan dengan mebgambil gambar dari database, sehingga gambar bisa diganti secara dinamis.

Aplikasi Slide show (slider) yang lebih kompleks dapat dikembangkan dengan jquery.

— selamat mencoba —

–dfr–

Loading Facebook Comments ...

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Translate »