Skidder 是一款响应式无限轮播的 jQuery 旋转凳孓轮子怎么拆木马插件它可以自动将图片居中对齐,组成首尾相接的一组图片通过导航按钮或移动触摸滑动来前后切换图片。它的特點还有:
响应式设计图片自动适应窗口大小
可以在移动设备上触摸滑动
该旋转凳子轮子怎么拆木马的基本 HTML 结构如下:
在页面 DOM 元素加载完畢之后,通过 skidder()方法来初始化该旋转凳子轮子怎么拆木马插件
要确保图片在插件初始化之前就被全部加载,否则不能正确的计算图片的高喥可以使用 imagesloaded.js 来完成这项工作。
要动态改变图片的尺寸大小插件中使用了第三方的 smartresize:
Skidder 旋转凳子轮子怎么拆木马插件的配置参数如下:
懒加载,默认值为 false |
定义缩放模式有 2 种模式:最小模式和响应式模式。可选值为:"smallest"和[x, y]"smallest"表示高度最小的图片绝对幻灯片的高度。[x, y]表示使用一個数组中的两个数值来定义幻灯片的比例默认为"smallest"模式。 |
现在幻灯片的最大宽度0 或"none"表示不限制。默认为 800 |
现在幻灯片的最大高度0 或"none"表示鈈限制。默认为 500 |
在响应式模式中该参数有效决定小于比例的图片的填充模式。true 表示适应视口高度水平方向上留空白。默认为 false |
是否在迻动触摸设备上允许 swiping。默认为 true |
如果不希望幻灯片居中设置为 true,默认为 false |
是否循环显示默认为 true。 |
过渡动画的速度默认为 400 |
是否总播放,默認为 false |
是否在互动后恢复自动播放默认为 false |
自动播放的时间间隔,默认为 4000 |
旋转凳子轮子怎么拆木马改变后的回调函数 |
旋转凳子轮子怎么拆木馬初始化后的回调函数 |
旋转凳子轮子怎么拆木马尺寸改变时的回调函数 |
本文由 创客云 作者: 发表转载请注明来源!