🌜
🌞
jssor-slider

jssor-slider

v28.0.0

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

npm install jssor-slider

README

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>

Release Notes

28.0.0
Published on October 30, 2019

new animation engine improve 3d animation +svg vector graphic +svg filter effects +color animation +letter animation +blur animation +letter spacing animation +svg path morph animation +svg dash animation +gooey, noen, distort effect +demos create by jssor slider composer

27.5.0
Published on September 1, 2018

layer action, play to specified slide on click slide background gradient

27.3.0
Published on July 14, 2018

Fix layer render while dragging on ios and mac. Isolate background image and color from layers. update example slider-with-fixed-static-element.html Fix image loading with none src attribute images. Implement action layer.

27.1.0
Published on March 2, 2018
  • Add: $DragRatio option
  • Fix: bullet navigator in multi rows
27.0.4
Published on February 13, 2018

disable slide perspective for for chrome 62-, firefox 57-, safari 11.0.2-, edge 16-

27.0.2
Published on February 5, 2018

disable arrow for slider with only one slide banner slider fix, drag on text thumbnail

27.0.0
Published on February 1, 2018

Add api $Destroy, $AppendSlides, $RemoveSlides, $ReloadSlides

RTL layout <div dir="rtl" ...>

add/update examples, api-event-handling.html api-play-pause-playto-goto-next-prev-autoplay-append-remove-reload-properties-destroy.html rtl-slider.html ul-li-slider.html

26.8.0
Published on January 3, 2018

fix webkit browser white border issue

26.6.0
Published on November 30, 2017

fix UTF-8 encoding, bring BOM (EF BB BF) to the beginning of jssor.slider.min.js

auto calculate columns, ignore $Cols option, ignore $ThumbnailNavigatorOptions.$Cols option.

26.5.2
Published on November 15, 2017

fix thumbnail $Align add module.exports = $JssorSlider$ add /* eslint-disable */

General

License
MIT
Typescript Types
None found
Tree-shakeable
No

Popularity

GitHub Stargazers
2,059
Community Interest
3,006
Number of Forks
774

Maintenance

Commits
10/219/2201
Last Commit
Jan 24, 2021
Open Issues
22
Closed Issues
222
Open Pull Requests
6
Closed Pull Requests
5

Versions

Versions Released
10/219/2201
Latest Version Released
Oct 30, 2019
Current Tags
latest28.0.0

Dependencies

Dependencies (0)
Dev Dependencies (0)

Contributors

jssor
jssor
Commits: 7
jacobrossi
jacobrossi
Commits: 1
elyotechgit
elyotechgit
Commits: 1
khairnarabhijeet
khairnarabhijeet
Commits: 1
K232
K232
Commits: 1