touch swipe image slider/slideshow/gallery/carousel/banner mobile responsive bootstrap


Keywords
javascript, slider, carousel, slideshow, gallery, html5 ad, banner, photo, image, picture, content, text, layer, animation, js, mobile, responsive, front-end, touch, swipe, web, website, web page, banner-rotator, bootstrap, full-width-slider, full-window-slider, html, html5-ad, layer-animation, nested-layer-animation, online-slider-maker, timelined-layer-animation, wordpress-slider
License
MIT
Install
npm install jssor-slider@27.0.0

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>