Basic Usage (jQuery) Basic Usage (No-jQuery) Define Slides HTML Code Slider with Loading Screen (jQuery) Slider with Loading Screen (No-jQuery) Slider with Bullet Navigator (jQuery) Slider with Bullet Navigator (No-jQuery) Slider with Arrow Navigator (jQuery) Slider with Arrow Navigator (No-jQuery) Slider with Thumbnail Navigator (jQuery) Slider with Thumbnail Navigator (No-jQuery) Slider with Slideshow (jQuery) Slider with Slideshow (No-jQuery) Slider with Fixed/Static Element (e.g. QR code) Pass html Validation (against w3c standards) Reference - Options Reference - UI Definition Reference - API Tip - Arrange Layout & Adjust Size Tip - Adjust Speed Tip - Make Responsive Slider Tool - Slideshow Transition Viewer
Tip - Adjust Speed
Jssor Slider plays sliding left <-> right, Slideshow and Caption Animations.

To customize speed for 'sliding left <-> right', please specify '$SlideDuration' option. See Reference - Options

Given a slideshow transition '{ $Duration: 1000... }', just change the value of '$Duration' to adjust slideshow animation speed.

In case of 'auto play' is enabled, Jssor Slider plays slide one by one automatically. When a slide finished, it will wait for a specified interval to start next slide. Specify '$Idle' option to change the idle period. See Reference - Options
Ad