Pada artikel kali ini akan membahas bagaimana menambahkan/membuat effect animasi dari berberapa image sebagai slideshow.
Anda bisa manfaatkan TinySlider Script berikut untuk dipakai di halaman website yang anda bangun agar kelihatan lebih menarik.
TinySlider Script ini telah dirancang secara otomatis untuk Rotasi image/photo, auto resume, navigasi untuk penomoran permindahan slide serta tampilan dapat di atur baik secara Horisontal maupun Vertical.
Di dalam penggunaanya anda tinggal menyesuaikan/mengganti code berikut sesuai keperluan :
SLIDESHOW DEMO
DOWNLOAD SCRIPT
Anda bisa manfaatkan TinySlider Script berikut untuk dipakai di halaman website yang anda bangun agar kelihatan lebih menarik.
TinySlider Script ini telah dirancang secara otomatis untuk Rotasi image/photo, auto resume, navigasi untuk penomoran permindahan slide serta tampilan dapat di atur baik secara Horisontal maupun Vertical.
Di dalam penggunaanya anda tinggal menyesuaikan/mengganti code berikut sesuai keperluan :
1 | var slideshow=new TINY.slider.slide('slideshow',{ |
2 | id:'slider', // ID of the parent slideshow div |
3 | auto:3, // Seconds to auto-advance, defaults to disabled |
4 | resume:true, // Resume auto after interrupted, defaults to false |
5 | vertical:false, // Direction, defaults to false |
6 | navid:'pagination', // Optional ID of direct navigation UL |
7 | activeclass:'current', // Class to set on the current LI |
8 | position:0 // Initial slide position, defaulting to index 0 |
9 | }); |
DOWNLOAD SCRIPT
Dolor sit amet, consetetur sadipscing elitr, seddiam nonumy eirmod tempor. invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadip- scing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur.
0 komentar:
Posting Komentar