Complete the app-side web carousel creation via the helper plugin

Source: Internet
Author: User

The carousel effect on the app side is the same as using Bootstrap.

I'm using Swiper to make the same as the previous one just the Swiper js CSS file into the HTML and then copy the desired effect of the code can be in the image Address bar is Swiper's official website address interested can go to see a variety of special effects

For students who have not yet learned JS and want to achieve a variety of effects, there is no small help here is the use of help there are many kinds of carousel effect in order to meet the needs of various situations to use the effect

If the template inside is not the same as the effect you want, you can modify the part

For example, in the body some will write JS style such as

<script type= "Text/javascript" >
var myswiper = new Swiper ('. Swiper-container ', {
Loop:true,pagination: '. Swiper-pagination ',
autoplay:3000,
});
</script>

Of course AutoPlay loop is I check the translation after the interpretation of self-understanding after the test
And it's really the meaning of AutoPlay and looping.
Novice on the road above for the non-learning part of their own understanding of the content if there is inconsistent with the objective facts, please understand the last attached Swiper address: http://www.swiper.com.cn/

Complete the app-side web carousel creation via the helper plugin

Related Article

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.