Copy source code and paste it to your own page. All source codes/files are inside the demo1.html file and the "\themes\1\" folder
You can choose from 17 transitional effects via the sliderOptions in the js-image-slider.js file.
Visit Online Demo 1 to see how each effect looks and how to customize
Navigation Bullets: a built-in control that does not need any HTML markup. It will be generated automatically by the JavaScript.
The CSS class selector .navBulletsWrapper can be used to change its positon and style.
If you don't want it, just hide it via CSS: div.navBulletsWrapper {display:none;}
HTML Caption: Captions are set through each slide image's alt attribute. If the caption contains HTML content,
you can put the content inside a DIV or SPAN element(usually styled as display:none),
and set the alt as "#(the content container's id)". For example: alt="#caption4"
Free to use when advanced features (integrated thumbnails, video support) are not in use.
Other demos (demo 2 - 6) are using advanced features. They will not work on production server without a valid license.