swiper图片轮播效果自动播放，可用于详情页面
  • 分享到微信朋友圈
    X
立即下载 查看演示

本文介绍如何实验swiper制作漂亮的轮播图效果，可用于详情页面，展示相册图片。 Swiper是一款开源、免费、强大的触摸滑动插件，常用于移动端网站的内容触摸滑动，Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换、触屏轮播图切换等常用效果。 Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！

主要js代码

<script type="text/javascript">
    var swiper = new Swiper('.jqfree .swiper-container', {
        pagination: '.swiper-pagination',
        slidesPerView: 1,
        paginationClickable: true,
        spaceBetween: 30,
        loop: true
    });
</script>