Responsive & Multi-Functional jQuery Slider Plugin - slider.js

File Size: 11.9 MB
Views Total: 62851
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Responsive & Multi-Functional jQuery Slider Plugin - slider.js

slider.js is a robust and efficient jQuery slider solution to create responsive, flexible, highly customizable and mobile-friendly content sliders, slideshows, galleries, rotators and many more. Download and check out more than 30+ examples in the zip for more information.

Installation:

# NPM
$ npm install jssor-slider

# Bower
$ bower install jssor-slider

Basic Usage:

1. Load the jQuery library and jQuery slider.js script in the document.

<script src="jquery.min.js"></script>
<script src="js/jssor.slider.mini.js"></script>

2. Wrap the images you want to slide in a container.

<div id="demo">
<div u="slides">
<div><img u="image" src="01.jpg" /></div>
<div><img u="image" src="02.jpg" /></div>
<div><img u="image" src="03.jpg" /></div>
<div><img u="image" src="04.jpg" /></div>
<div><img u="image" src="05.jpg" /></div>
<div><img u="image" src="06.jpg" /></div>
<div><img u="image" src="07.jpg" /></div>
<div><img u="image" src="08.jpg" /></div>
</div>
</div>

3. Call the plugin on this slides container.

<script>
jQuery(document).ready(function ($) {
var options = {
// Options
};
var jssor_slider1 = new $JssorSlider$("demo", options);
});
</script>

4. Check the document page for more configurations.

Changelog:

v28.1.0 (2021-01-24)

v28.0.0 (2019-10-30)

  • 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

v27.5.0 (2018-09-02)

  • update

v27.3.0 (2018-07-14)

  • update

v26.8.0 (2018-01-04)

  • update

v23.1.6 (2017-05-14)

  • simplify loading screen

v23.1.0 (2017-04-07)

  • fix carousel loop, stop, rewind

v23.0.3 (2017-03-29)

  • fix installation with bower and npm
  • Demos update

v22.1.7 (2017-03-28)

  • fix layer repeat animation

2017-02-17

  • enable unlimited nesting level of animated layer

2017-02-12

  • some important fixes

2017-02-08

  • fix loop animation

2017-02-02

  • fix pause on hover issue.

2017-01-23

  • version 22.1.8

2016-10-14

  • update skins

2016-08-15

  • rendering, backward compatibility
  • urgent fix, update bower version 21.1.5

2016-08-11

  • fix losing window's focus

2016-05-18

  • JS update

2016-04-17

  • improve slideshow performance

2016-04-12

  • minor changes.

2016-01-19

  • improve 3d animation, update demos

2015-10-18

  • v20.0.0

2014-10-07

  • minor changes for backward compatibility

2014-09-30

  • refactor, update api, fix for IE 8

2014-08-29

  • minor fix for $AutoPlay, $PauseOnHover

2014-08-29

  • Enhance option $PauseOnHover

2014-08-27

  • refine transitions, update jssor.compress.exe

2014-07-23

  • optimize thumbnail navigation

2014-07-21

  • Fix $PlayOutMode, $PlayInMode option with value 0

2014-07-13

  • fix transition builder problem + minor changes

2014-07-09

  • 2d transform minor fix

2014-07-06

  • improve animation

2014-06-29

  • tab slider disable drag for tabs

2014-06-28

  • fix background image issue

2014-06-23

  • update tab slider, enhance $PlayOrientation option

2014-06-13

  • bugs fixed.

2014-05-25

  • fix share button css for firefox

2014-05-24

  • add static share buttons to slider

2014-05-22

  • $Scale option bullet/arrow/thumbnail navigator
  • improve arrow navigator positioning

2014-05-19

  • Improve $Loop option

2014-05-11

  • optimize custom attribute handling

2014-05-06

  • improve lazy loading for nested slider

2014-05-04

  • new feature: add qr code to slider

2014-04-21

  • jssor slider 15.0 release

2014-04-19

  • refactor skins, add new themes

2014-04-17

  • fix hardware acceleration for latest browsers

2014-04-16

  • rename $JssorNavigator$ -> $JssorBulletNavigator$

2014-04-12

  • optimize option $Looop

2014-04-11

  • optimize drag for mobile device

2014-04-03

  • adding loop option.

2014-02-13

  • improve drag and replay

2014-02-04

  • jquery version full width slider, content slider

2014-01-29

  • update content slider

2013-12-31

  • update full width slider, skins
  • hardware acceleration for grid slider, carousel
  • hardware acceleration for chrome

 


This awesome jQuery plugin is developed by jssor. For more Advanced Usages, please check the demo page or visit the official website.