Xiahl1990 / slider

http://jssor.com Bootstrap Javascript Carousel/Slider/Slideshow/Gallery/Banner Responsive HTML5 Ad

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

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

---

Download Package

# Download from GitHub
https://github.com/jssor/slider/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>