jquery Plugin Elastislide Implementation of the response-focused graphics seamless scrolling switch effects

Support responsive jquery focus picture seamless scrolling switch special effects plugin elastislide, very beautiful picture Carousel Special effect plug-in, support left-right carousel picture, up and down carousel picture, adaptive mobile end display, support a large number of parameter configuration: Orientation: ' Horizontal ' (horizontal toggle), speed:500 (toggle speed, unit millisecond), easing: ' ease-in-out ' (animation effect), Minitems:3 (number of default displays), browser compatibility: ie8+, and more modern browsers, Do not mind the use of the lower version of the browser, of course, you can also use the mobile end touch screen.

Support for a responsive jquery focus picture seamless scrolling Toggle Effect Plugin Elastislide

How to use:

1. Loading jquery and Plug-ins

1 2 3 4

<script type= "Text/javascript" src= "libs/jquery/1.8.2/jquery.min.js" ></script> <script type= "text/" JavaScript "src=" Js/jquerypp.custom.js "></script> <script type=" Text/javascript "src=" js/ Jquery.elastislide.js "></script> <link rel=" stylesheet type= "Text/css" href= "css/elastislide.css"/ >

2.HTML Content

1 2 3 4 5 6 7 8

<ul id= "Carousel" class= "Elastislide-list" > <li><a href= "#" ></a></li> <li><a href=" # "></li> <li><a href= "#" ></a> </li> <li><a href= "#" ></a></li> <li><a href= "#" ></a></li> <li> <a href= "#" ></a></li> </ul>

3. Function call

1 2 3 4 5

&L T;script type= "Text/javascript" > $ (document). Ready (function () {$ (' #carousel '). Elastislide (); </script>