jquery Plugin slick implement responsive mobile-end slide picture toggle Effects _jquery

jquery Responsive mobile End slide picture switch special effects plug-in slick, based on jquery, the function is very powerful, support the left and right button switch, support the dot switch, support the custom switch quantity, support the custom switching speed, support the picture preload, the support automatic play definition, the effect is very good, Many of the parameter customization support, feel that you can refer to their parameter configuration, or is worth learning to use.

How to use:

1. Loading plug-ins and jquery

<script src= "//code.jquery.com/jquery-1.11.0.min.js" ></script> 
<script src= "//code.jquery.com" /jquery-migrate-1.2.1.min.js "></script> 
<script type=" Text/javascript "src=" Slick/slick.js "> </script> 
<link rel= "stylesheet" type= "Text/css" href= "Slick/slick.css"/> 

2.HTML Content

<div class= "Slider Fade" > 
<div><div class= "image" ></div ></div> 
<div><div class= "image" ></div></div > 
<div><div class= "image" ></div></div> 
</ Div> 

3. Function call

<script type= "Text/javascript" > 
$ (document). Ready (function () { 
  $ ('. Fade '). Slick ({ 
    dots:true, 
    infinite:true, 
    speed:500, 
    fade:true, 
    slide: ' div ', 
    cssease: ' Linear ' 
  } 
); </script> 

View Demo Download Now

The above mentioned is the entire content of this article, I hope you can enjoy.