A classic jQuery slidizle slide, jqueryslidizle

A classic jQuery slidizle slide, jqueryslidizle

JQuery ad slide progress bar, horizontal/left/right switching, vertical/up/down switching, automatic playback, thumbnail list Switching

Online instance

Default Effect	Horizontal/left/right Switching	Vertical/up/down Switching	Loop
Automatic playback	Thumbnail	Progress bar	Callback Function

Usage

<div class="sucaihuo" data-slidizle>     <ul data-slidizle-content>         <li style="background-image: url('img/01.jpg')"></li>         <li style="background-image: url('img/02.jpg')"></li>         <li style="background-image: url('img/03.jpg')"></li>     </ul>      <div data-slidizle-next>         <i class="fa fa-arrow-right"></i>     </div>     <div data-slidizle-previous>         <i class="fa fa-arrow-left"></i>     </div>      <ul data-slidizle-navigation></ul> </div><script src="js/jquery.slidizle.js"></script> <script>     $(function() {         $('.sucaihuo').slidizle();     }); </script>

Parameter Details

Parameters	Description	Default Value
Timeout	Slide playback Interval	Null
PauseOnHover	Hover your mouse over to pause playback	False
NextOnClick	Hover your mouse over to pause playback	False
Loop	Loop playback	False
AutoPlay	Automatic playback	False
KeyboardEnabled	Keyboard support	True
TouchEnabled	Touch event support	True
LoadBeforeTransition	Pre-Load	True
Disabled
OnInit	Callback Function after the slide is clicked	Null
BeforeChange	Callback function before slide Switching	Null
OnChange	Callback Function during slide Switching	Null
AfterChange	Callback Function after slide Switching	Null
BeforeLoading	Callback Function for loading slide money	Null
OnLoading	Callback function when loading slides	Null
AfterLoading	Callback Function after loading the slide	Null
OnNext
OnPrevious
OnPlay	Callback Function When automatic playback starts	Null
OnPause	Callback Function for paused playback	Null
OnResume	Restored callback function	Null

Download