swiper移动端轮播插件（触碰图片之后停止轮播）
作者：彩笔_小qing 发布时间：2024-07-16 18:22:19
标签：swiper,移动端,轮播
本文实例为大家分享了swiper移动端轮播插件，供大家参考，具体内容如下
下面是我遇到的问题，也是用此插件常用的几个参数，如果你的轮播不需要很复杂，看本文就可以解决。假如你想多了解些， 看官们这里请 swiper 插件的官方地址。
第一步 引入 swiper.min.js
<script src="../style/js/swiper.min.js"></script>
第二步 html
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img alt="" src="http://wx.okair.net/wxpic/wxb2c/indexpage/index_banner1.jpg">
</div>
<div class="swiper-slide">
<img alt="" src="http://wx.okair.net/wxpic/wxb2c/indexpage/index_banner2.jpg">
</div>
<div class="swiper-slide">
<img alt="" src="http://wx.okair.net/wxpic/wxb2c/indexpage/index_banner3.jpg">
</div>
</div>
<div class="swiper-pagination"></div> <!--需要轮播序号的时候写-->
</div>
第三步 调用 ( 重点来了 )
var mySwiper = new Swiper('.swiper-container', {
pagination : '.swiper-pagination',
loop : true,
autoplay : 3000
});
现在这种情况下，图片可以自动轮播，但是当用手触碰之后，就会停止轮播，所以要再添加一个参数
var mySwiper = new Swiper('.swiper-container', {
pagination : '.swiper-pagination',
loop : true,
autoplay : 3000,
autoplayDisableOnInteraction : false /* 注意此参数，默认为true */
});
无论怎么滑，轮播事件都会重新触发。
来源：http://blog.csdn.net/qq_31164127/article/details/72926994
0
投稿猜你喜欢
一，json.load()和json.dump只要用于读写json数据1json.load()从文件中读取json字符串with open(- 本文为大家分享了threadpool线程池中所有的操作，供大家参考，具体内容如下首先介绍一下自己使用到的名词：工作线程（worker）：创建
- 最近这段时间研究Node感觉不错，自己做了一个增删改查，虽然有些简陋，但是思想是想通的，其实所有项目都是增删改查，有助于初学者快速掌握Nod
- 处理上传的文件： f1 = request.FILES['pic'] fname = '％s/％s' ％ (
- 在我们武汉的一个项目中，用户提供的数据库服务器有16G左右的内存，但我们只能使用8G多的内存，为了提高内存的得用率，特意参考了一些资料，得出
- Matplotlib 制作Matplotlib 作为 Python 家族最为重要的可视化工具，其基本的 API 以及绘制流程还是需要掌握的。
- 本文实例讲述了js实现九宫格图片半透明渐显特效的方法。分享给大家供大家参考。具体实现方法如下：<html><title&g
- unittest模块是Python自带的一个单元测试模块，我们可以用来做单元测试。unittest模块包含了如下几个子模块：测试用例：Tes
- 前面已经介绍了关于Dreamweaver MX 2004的基本操作
- 突发奇想，写了以下这段代码，感觉还不错，拿来和大家分享作用：查看页面布局使用方法：在页面底部包含以下这段代码ff3,ie7测试可用var&n
- zipfile模块是python中一个处理压缩文件的模块，解决了不少我们平常需要处理压缩文件的需求 ，本文主要谈谈zipfile几个常用的用
- 以下是IE7中新支持的属性:min-height,max-height,min-width,max-width这个hack还可以使最大高度兼
- 本文实例讲述了python中dir函数用法。分享给大家供大家参考。具体分析如下：dir 函数返回任意对象的属性和方法列表,包括模块对象、函数
- 1.前言这段时间，金三银四，很多人面试，很多人分享面试题。在前段时间，我也临时担任面试官，为了大概了解面试者的水平，我也写了一份题目，面试了
- 1、简介定时 实现对蚂蚁森林能量的自动拾取，以及帮指定好友浇水2、开发环境搭建语言: javaScript开发工具：vcCode. auto
- tensorflow里面给出了一个函数用来读取图像，不过得到的结果是最原始的图像，是咩有经过解码的图像，这个函数为tf.gfile.Fast
- 1.python函数运行原理import inspectframe = Nonedef foo(): bar()def bar(
- 本文主要涉及图形验证码的相关功能，主要包括，图形验证码获取、验证码文字存储、验证码生成等。图形验证码接口设计和定义 验证码获取接口
- 我就废话不多说了，直接上代码吧！import cv2img = cv2.imread("1.jpg")b, g, r =
- pytorch显存越来越多的一个原因optimizer.zero_grad()loss.backward()optimizer.step()
