jquery Slideshow Plugin SKIPPR

SKIPPR is a lightweight, high-speed slide with left and right arrows, index button, sliding toggle effect

Set up

Introduce Jquery.skippr.css, jquery.js, jquery.skippr.js Note that jquery must be before jquery.skippr.js

Create div element, add background-images style inside div tag
<div id= "Container" >     <div id= "Myskipper" >  <div style= "Background-image:url (css/img/ test1.jpg) "></div>  <div style=" Background-image:url (css/img/test2.jpg) "></div>  <div style= "Background-image:url (css/img/test3.jpg)" ></div>     </div>    </div>
Start
Select Target Element Call skipper method
$ (document). Ready (function () {     
Options
$ (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, now SKIPPR support ' fade ' or ' slide ' two ways. 
Speed: The transition time of the slide is 500 by default.
navtype: The shape of the navigation element. "Block" or "bubble", the default is "block".
Arrows: If the navigation arrows are displayed, the default is true, set to False to hide the arrows.
AutoPlay: Whether to use the slideshow to play the active function.
The default is False.
Set to True to enable your own active playback.
autoplayduration: Set the time in milliseconds, the active play execution, show each slide, the default value is 5000 milliseconds.
hideprevious: If you want to hide the arrow for the first slide, the default is "false".

：
watermark/2/text/ahr0cdovl2jsb2cuy3nkbi5uzxqvaxrtewhvbwuxotkw/font/5a6l5l2t/fontsize/400/fill/i0jbqkfcma==/ Dissolve/70/gravity/center "/>

Project Demo source code download: http://download.csdn.net/detail/itmyhome/7723757


Itmyhome


 
jquery Slideshow Plugin SKIPPR