JQuery slide plugin Skippr

JQuery slide plugin Skippr

Skippr is a slide with left and right arrows, index buttons, sliding switching effect, and lightweight and fast slides

Set

Import jquery.skippr.css, jquery. js, and jquery. skippr. js. Note that jQuery must be before jquery. skippr. js.

    
     <script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>    <script src="js/jquery.skippr.js" type="text/javascript"></script>

Create a DIV element and add the background-images style to the div label.

Start

Select the target element to call the skipper Method

$(document).ready(function(){     $("#myskipper").skippr();}); 

Option

$(document).ready(function(){    $("#myskipper").skippr({ transition: 'slide',         speed: 1000,         navType: 'block',         arrows: true,         autoPlay: false,         autoPlayDuration: 5000,         keyboardOnAlways: true,         hidePrevious: false    });}); 

Transition: Specifies the slide transition type. Currently, Skippr supports 'fade 'or 'slide.

Speed: The transition time of the slide. The default value is 500.

NavType: The shape of the navigation element. "Block" or "bubble". The default value is "block ".

Arrows: Whether to display the navigation arrow. The default value is true. Set it to false to hide the arrow.

AutoPlay: Whether to use the automatic slide playback function. The default value is false. Set to true to enable automatic playback.

AutoPlayDuration: Sets the time in milliseconds for automatic playback. Each slide is displayed. The default value is 5000 milliseconds.

HidePrevious: Whether to hide the arrow of the first slide. The default value is "false ".

:

Source code: xxx