一个图片轮播效果

这是demo封装的一个图片轮播效果;

demo演示1:https://www.html.cn/demo/Animate Image/index.html

这个没有加轮播效果,图片滚动只能靠点击

demo演示2:https://www.html.cn/demo/Animate Image/index2.html

这个已经加上了定时轮播,封装也更加合理, 有些bugs

========================2009年 1月22日更新===============================

修复了些bugs

demo演示3:https://www.html.cn/demo/Animate Image/index3.html

?

使用方法:

当用户点击左边区域时, 浏览下一张, 如果为最后一张图片,则返回第一张;

点击右边时,浏览上一张, 如果为第一张,则返回最后一张。

下面的数字滚动条,也可点击。呵呵, 具体如何, 你点击看看!

sliderIMG.create(‘DIVid’,{count:*, speed:*, auto:*, timer:*});

必须参数: count  ----> 数字类型, 图片数量;
可选参数: 
speed  ----> 数字类型, 滚动速率, 默认为:5; 
auto ----> 布尔类型, 设置自动滚动, 为true则自动, 反之不自动, 默认为: false;
timer ----> 数字类型, 设置每个几秒自动滚动一次, 默认为: 5000ms = 5s;
赞(0) 打赏
未经允许不得转载:WEB前端开发 » 一个图片轮播效果

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏