单张轮换显示轮播图,可深度配置

所属分类:媒体-幻灯片和轮播图

 27200  295  查看评论 (2)
分享到微信朋友圈
X
单张轮换显示轮播图,可深度配置 ie兼容6

可配置参数:

_width: 600, //设置图轮播图大小
_height: 400,
page: 'page', //是否启用导航图标,有值时启用,值为导航图标列表的样式类,为空时不启用导航列表
btn: true, //是否启用上下一页按钮,true为启用,false或者空为不启用。如果启用,请在下面的四个属性中赋值,为按钮添加样式类和按钮文字
nextClass: 'next', //下一张 按钮样式类
prevClass: 'prev',//上一张 按钮样式类
nextText: '下一张',
prevText: '上一张',
fade: 'normal', //图片切换速度 可能的值slow/normal/fast/毫秒(比如 1500)
time: '', //可能的值(毫秒)1000\2000...
pageNum: false, //是否启用数字做轮播导航 true为启用,false不启用
pagelocat: true //轮播导航图标是否要居中 true/fasle 默认为居中

调用方法:

<script>
   $('#slide').MdsSlideFade({
      //参数配置
   });
</script>

如使用中有疑问,可随时提问。。。

相关插件-幻灯片和轮播图

jQuery响应式轮播图插件hwSlider

jQuery响应式轮播图插件hwSlider,支持移动端触屏滑动,同时还兼容低版本ie浏览器。
  幻灯片和轮播图
 43509  388

5种jQuery超酷3d幻灯片效果

flux.js是一款能做出3D效果的jQuery幻灯片插件。这款jQuery幻灯片插件共有5种效果:爆炸效果、3D翻转效果、3D旋转效果、立方体效果和翻页效果。需要注意的是flux需要浏览器支持CSS3 transitions才能正常工作。
  幻灯片和轮播图
 34231  452

js轮播图插件slider

支持鼠标滑动以及移动端手势滑动的幻灯片播放插件
  幻灯片和轮播图
 37334  419

jQuery超酷响应式圆形图片轮播图特效

jQuery超酷响应式圆形图片轮播图,幻灯片,焦点图特效
  幻灯片和轮播图
 39554  410

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ゆBlUeS.㈨ 0
    2018/9/23 10:33:18
    如果一个页面要出现多个这个插件怎么调用 回复
    Obama 0
    2017/10/25 11:46:14

    点击之后出现问题

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复