Jquery-based banner carousel plug-in, simple and crude, jquerybanner

Source: Internet
Author: User

Jquery-based banner carousel plug-in, simple and crude, jquerybanner

New users practice encapsulation plug-ins. They feel that there are a lot of carousel at the front end, 3D Rotation of various carousel categories is not enough technology, so they encapsulate a simple banner carousel plug-in, the function is also relatively simple, that is, the left and right directions of carousel.

First Mount address https://github.com/DEATHBUG/banner_tool

The first project to be put in is quite commemorative.

Parameters for passing Parameters

$ (". Banner "). banner ({child: 'lil', // parent tag containing the image, default litime: '000000', // carousel interval direction: "right ", // carousel direction. Currently, only left and rightchoose: 'false' are supported. // whether or not carousel touch events with small touch points are supported. The default value is false. ChooseId: 'id', // a small external parent tag id. Only the choose switch is enabled. ChooseActive: 'red', // supports classname in the selected status of a small dot. Only the choose switch is enabled. PreId: 'pre', // The idnextId: 'Next' button to flip the page forward. // the id of the button to flip the page backward });

 

  

Currently, only the time interval of carousel can be controlled. The direction of carousel is left or right,
Choose indicates the front contact mark. If it is true, it indicates opening. You need to load the following contact parent label ID and the style change class clicked by the user;
If you add a front-and-back flip button, the ID of the front-and-back flip button of the parameter is added;

<div id="dian"><span></span><span></span><span></span><span></span></div>

If you add a page tag, pass the ID;

 

I am a web programmer. I enjoy code and enjoy the front-end. I am exploring the way forward.

If you find any problems, I hope you can comment below or give feedback to qq 2109796331 in a timely manner. Thank you very much for your God's perspective. Please kindly advise !!

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.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.