文件名称:利用Swiper制作手机全屏相册
文件大小:1.84MB
文件格式:ZIP
更新时间:2023-03-29 08:52:16
html JavaScript Swiper
1. slideTo():控制Swiper切换到指定slide。 2. touchMove:移动端触摸移动事件 3. watchSlidesProgress:开启这个参数来计算每个slide的progress(进度、进程),Swiper的progress无需设置即开启。 4. swiper的progress值为0-1,当前展示的slide的progress值为0,下一个为-1,上一个为1,以此类推。 5. setTranslate() 当设置wrapper的偏移量时执行。可选swiper对象和wrapper的偏移量作为参数。 6. activeIndex。返回当前活动块(激活块)的索引。loop模式下注意该值会被加上复制的slide数。
【文件预览】:
02-手机全屏
----css()
--------swiper.min.css(19KB)
--------swiper.css(22KB)
----img()
--------thumb4_h.jpg(31KB)
--------j4.jpg(419KB)
--------thumb4.jpg(6KB)
--------thumb3.jpg(4KB)
--------thumb3_h.jpg(20KB)
--------thumb2.jpg(5KB)
--------thumb2_h.jpg(31KB)
--------thumb1.jpg(5KB)
--------j1.jpg(340KB)
--------j3.jpg(323KB)
--------thumb1_h.jpg(27KB)
--------j2.jpg(401KB)
----index.html(5KB)
----js()
--------swiper.js(268KB)
--------swiper.min.js(123KB)
--------swiper.esm.bundle.js(220KB)
--------swiper.esm.js(220KB)
--------swiper.min.js.map(434KB)