🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Jssor slider is announced as one of the best performance sliders. No-Jquery minimum 15KB javascript code by smart compression. It is one of the lowest CPU comsuming slider. slider (1%), slider with caption (4%), slider with slideshow (~4%)Features:Optional thumbnails, tabs or bullets navigationPosition of thumbnails, tabs and bullets are adjustable, can be vertical or horizontalTouch drag navigation for thumbnail navigator is allowedUse any html/css code to customize thumbnail to anyformatMultiple sliders in one pageAny html code can be placed inside slideFree support and upgradesAdd unlimited amount of captionsSet caption animation to chain modeSet caption animation to flatten modeRollback caption animation when touch end/mouse upMove, fade, clip, zoom and rotation transitions are all supported for all browsersComposite move, fade, clip, zoom and rotation in one transition is allowedJavascript code deep compression by smart compression engineArrow key navitation, navigate slider by click keyboard arrow left/rightHTML caption with animation (390+ caption transitions)

Plugins Premium Responsive Slider

Documentation

Responsive Javascript Image/Text Slider/Slideshow/Gallery/Carousel/HTML5 Ad

  1. Live Demo
  2. https://www.jssor.com/development
  3. Slides HTML Code
  4. API: Options
  5. API: Methods, Properties & Events
  6. API: UI Definition
  7. https://www.jssor.com/help
  8. https://www.jssor.com/tutorial
  9. Support: Ask a question on StackOverflow

Example

<script src="jssor.slider.min.js"></script> <div id="jssor_1" style="position:relative;top:0px;left:0px;width:980px;height:380px;overflow:hidden;">     <div data-u="slides" style="position:absolute;top:0px;left:0px;width:980px;height:380px;overflow:hidden;">         <div><img data-u="image" src="image1.jpg" /></div>         <div><img data-u="image" src="image2.jpg" /></div>     </div> </div> <script>     var options = { $AutoPlay: 1 };     var jssor_1_slider = new $JssorSlider$("jssor_1", options); </script>

You May Also Like