jQuery左右图片幻灯片轮播滚动效果

所属分类:媒体-幻灯片和轮播图,滑块和旋转

 13511  48  查看评论 (0)
分享到微信朋友圈
X
jQuery左右图片幻灯片轮播滚动效果 ie兼容8

更新时间:2021-04-02 00:03:54

例子:

$(".productshow").xslider({ //.productshow是要移动对象的外框;
    unitdisplayed: 3, //可视的单位个数   必需项;
    movelength: 1, //要移动的单位个数    必需项;
    maxlength: null, //可视宽度或高度    默认查找要移动对象外层的宽或高度;
    scrollobj: null, //要移动的对象     默认查找productshow下的ul;
    unitlen: null, //移动的单位宽或高度     默认查找li的尺寸;
    nowlength: null, //移动最长宽或高(要移动对象的宽度或高度)   默认由li个数乘以unitlen所得的积;
    dir: "H", //水平移动还是垂直移动,默认H为水平移动,传入V或其他字符则表示垂直移动;
    autoscroll: 1000 //自动移动间隔时间     默认null不自动移动;
});
相关插件-幻灯片和轮播图,滑块和旋转

带缩略图的图片点击切换

jCarousel带缩略图的图片点击切换插件
  幻灯片和轮播图
 34585  370

jQuery自适应全屏banner滚动效果

实用的jQuery自适应全屏滚动banner,兼容效果好
  幻灯片和轮播图
 55838  401

点击左右箭头滚动

点击滚动JQ插件,可自动滚动,可配置滚动速度,滚动个数等参数
  幻灯片和轮播图
 48193  386

jQuery响应式全屏轮播插件royalslider.js

全屏轮播插件可放大缩小,支持触控,移动端使用,本插件为收费插件,特意整理出来的
  幻灯片和轮播图
 49508  373

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

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