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
<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
<ul id= "Carousel" class= "Elastislide-list" >
<li><a href= "#" ></a></li>
<li><a href= "#" ></a></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
<script type= "Text/javascript" >
$ (document). Ready (function () {
$ (' #carousel '). Elastislide ();
</script>
View Demo Download
The above is the entire contents of this article, I hope you can enjoy.