xiaoyuer:jssor-slider

jssor slider


Keywords
banner-rotator, bootstrap, carousel, full-width-slider, full-window-slider, gallery, html, html5-ad, javascript, layer-animation, mobile, nested-layer-animation, online-slider-maker, responsive, slider, slideshow, swipe, timelined-layer-animation, touch, wordpress-slider
License
MIT
Install
meteor add xiaoyuer:jssor-slider@=0.0.6

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>