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

Source: Internet
Author: User

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>
Related Article

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.