Why jQuery is not used in our script?
This slider script has utilized the requestAnimationFrame function that makes animations silky smooth, synced with your GPU and hog much less CPU.
The requestAnimationFrame function is currently supported by Chrome and Firefox. The slider degrades nicely to the setInterval function in other browsers.
For some reason, jQuery declined the use of the requestAnimationFrame. Thus our slider excels jQuery sliders in performance, giving audience a very smooth and visually pleasing experience.
The script weighs 13kb that is much less than the jQuery scripts ( jQuery library is already more than 90kb)
- Lightweight (13kb)
- HTML captions
- 17 transition effects, customizable
- Support linking images
- Supported by all major browsers
IE 7.0+, Firefox 1.5+, Chrome 1.0+, Safari 3+, Opera 9.0+, Netscape 7.0+
- Price: Free
A license is required for using the advanced features.
About the license
Price: US$20.00. Buy Now
Easy to Use
The HTML below shows its simplicity:
<link href="js-image-slider.css" rel="stylesheet" type="text/css" />
<img src="slide-1.jpg" alt="Caption for slide 1" />
<img src="slide-2.jpg" />
<a href="http://www.menucool.com"><img src="slide-3.jpg" /></a>
<img src="slide-4.jpg" />
<img src="slide-5.jpg" alt="Caption for slide 5" />
The easiest way to use the slider is: download -> copy & paste -> tweak
Click Directions for more instructions.
Edit the CSS file(js-image-slider.css) to suit your own design. You mainly need to:
Customize the image slider by changing the sliderOptions in the js-image-slider.js file:
var sliderOptions =
Please refer to demo 6: Video Slider.
Build/Update On the Fly Support
Please refer to demo 7: Create Image Slider Dynamically.
It is free to use the slider with basic features.
Utilizing the advanced features (integrated thumbnails, build/update on the fly, or video support) requires a license.
How the license works?
- The license is issued on a per-domain basis (valid for a domain and its sub-domains)
- The license is valid forever for future upgrades/releases with no requirement to renew
- The slider's advanced features may not work if the verification fails. So make sure to install the license before the slider going live in web server.
When you have acquired the license, open the js-image-slider.js file with Notepad,
and replace the license value with yours.
var sliderOptions =