推荐一款带左右按钮无缝图片滑动JavaScript插件

由于手上正好有一个需求,点击左右箭头可以滑动图片并且要求无缝效果,本来想自己写的但越写越发现貌似力不从心,于是从网上搜搜,结果找到了这一款插件。插件的作者以及相关信息我没有去关注,但下载过来用了一下,发现效果很不错,还支持自动滑动,非常完美的一款插件。

插件的下载地址:ScrollPic.js

【国内直连ChatGPT 29元起】
国内直连ChatGPT,Plus会员每月29元起,支持最新o1模型探索更多领域,无需注册OpenAI账号。

使用方法

// 先加载ScrollPic.js插件后再执行以下语句
window.onload = function(){
  scrollPic_01 = new ScrollPic();
  scrollPic_01.scrollContId   = "pic"; //图片容器ID
  scrollPic_01.arrLeftId      = "left"; //左按钮ID
  scrollPic_01.arrRightId     = "right"; //右按钮ID
  scrollPic_01.frameWidth     = 840; //图片容器宽度
  scrollPic_01.pageWidth      = 210; //每张图片宽度
  scrollPic_01.speed          = 10; //移动速度(单位毫秒,越小越快)
  scrollPic_01.space          = 10; //每次移动像素(单位px,越大越快)
  scrollPic_01.autoPlay       = false; //自动播放
  scrollPic_01.autoPlayTime   = 3; //自动播放间隔时间(秒)
  scrollPic_01.initialize();  //初始化
}

我做了一个DEMO,点这里看Demo,DEMO截图

full

分享

TITLE: 推荐一款带左右按钮无缝图片滑动JavaScript插件

LINK: https://www.qttc.net/140-javascript-scroll-image-plugin.html

NOTE: 原创内容,转载请注明出自琼台博客