/slider

https://www.jssor.com Javascript Carousel/Slider/Slideshow/Gallery/Banner/HTML5 Ad Bootstrap

Primary LanguageHTMLOtherNOASSERTION

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

  1. Live Demo
  2. https://www.jssor.com/development
  3. https://www.jssor.com/help
  4. https://www.jssor.com/tutorial
  5. Support: Ask a question on StackOverflow

Download Package

# Download from GitHub
https://github.com/jssor/slider/archive/master.zip

# WordPress Plugin
https://wordpress.org/plugins/jssor-slider

# Download Bootstrap Carousel Slider Example
https://github.com/jssor/jssor-slider-bootstrap-example/archive/master.zip

# NPM
npm install jssor-slider

# Bower
bower install jssor-slider --save

Example

<script type="text/javascript" src="jssor.slider.min.js"></script>
<script>
    jssor_slider1_init = function (containerId) {
        var options = { $AutoPlay: 1 };
        var jssor_slider1 = new $JssorSlider$(containerId, options);
    };
</script>
<div id="jssor_slider1_container" style="position:relative;top:0px;left:0px;width:600px;height:300px;">
    <div u="slides" style="position:absolute;overflow:hidden;left:0px;top:0px;width:600px;height:300px;">
        <div><img u="image" src="image1.jpg" /></div>
        <div><img u="image" src="image2.jpg" /></div>
    </div>
</div>
<script>
    jssor_slider1_init("jssor_slider1_container");
</script>