纯JS打造幻灯片 - 放弃低效率的FLASH吧

ResponsiveSlides

这里介绍的js脚本名字叫ResponsiveSlides

这个js脚本的min版本大小不超过1KB,几乎不会额外增加带宽,但是其幻灯片功能却非常强大。

主要参数如下:

auto: true, // 布尔型: 是否自动播放幻灯片, true 或 false
speed: 500,// 整数型: 幻灯片切换速度, 单位毫秒
timeout: 4000,// 整数型: 幻灯片之间的过渡时间, 单位毫秒
pager: false, // 布尔型: 显示切换按钮, true 或 false
nav: false, // 布尔型: 显示导航, true false
random: false,// 布尔型: 以随机顺序显示幻灯片, true false
pause: false, // 布尔型: 鼠标悬停时暂停, true false
pauseControls: true,// 布尔型: 悬停控制时暂停, true false
prevText: "Previous", // 字符串型: “上一张”按钮的的文本
nextText: "Next", // 字符串型: “下一张”按钮的的文本
maxwidth: "", // 整数型: 幻灯片的最大宽度, 单位像素
navContainer: "", // 选项控制器: 控制器应附着的地方, 默认在'ul'之后
manualControls: "", // 选项控制器: 声明自定义的导航
namespace: "rslides", // 字符串型: 修改默认使用的名称空间
before: function(){}, // 函数: 回调前的
after: function(){} // 函数: 回调后的

详细使用方法见官方网站:http://responsiveslides.com/

标签: none

添加新评论