MakinElectronics: Youtube Repeat Only at USERX

Wednesday 27 April 2016

Looped Slider

Demo 1 - Menucool Image Slider

Demos: 1 2 3 4 5 6 7 8

Copy & Paste: Copy source code and paste it into your own page. All source codes/files are within the demo1.html and the "\themes\1\" folder
Transitional effects: You can choose from 17 transitional effects via the sliderOptions in the js-image-slider.js. Visit Image Slider Demo 1 to see how each effect looks and how to customize
Navigation Bullets: Navigation bullets are created automatically by the script of the image slider.
The CSS class selector .navBulletsWrapper can be used to change the nav bullets' position and style.

If you don't need the Navigation Bullets, just hide them 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), give the element an ID, and set the alt as "#(the content container's id)". For example: alt="#caption4"
The image slider shown in this demo is for free.
For detailed instructions, please visit online Demo 1 and JavaScript Image Slider