酷炫的百叶窗轮播插件
酷炫的百叶窗轮播插件
开发工具与关键技术:DW、javaSpript 、Jquery
作者:Amewin
撰写时间:2019年2月23日
其切换使用的模式是随机请求的内容,见图
Camera幻灯片参数设置
data-src: 图片路径
data-thumb: 缩略图路径
data-link: 图片链接
data-portrait: 显示图片的实际尺寸( “true”, “false” )
data-slideOn: 渐隐效果( “next”, “prev”, “random” )
data-target: 链接打开的形式( “_blank”, “_new”, “_parent”, “_self”, “_top” )
data-time: 图片的显示时间( “可直接输入数字” )
data-video: 取消视频自动播放( “hide” ) 以上是图片的参数, 切记每条属性只针对的是一张图片. 下面
是JS上的参数, 也就是控制整个幻灯片的
height: ‘’ 幻灯片的高度
hover: 鼠标经过幻灯片时暂停(true, false)
imagePath: 图片的目录 l
oader: 加载图标(pie, bar, none)
loaderColor: 加载图标颜色( ‘颜色值,例如:#eee’ )
loaderBgColor: 加载图标背景颜色
loaderOpacity: 加载图标的透明度( '.8’默认值, 其他的可以写 0, .1, .2, .3, .4, .5, .6, .7, .8, .9, 1 )
loaderPadding: 加载图标的大小( 填数字,默认为2 )
navigation: 左右箭头显示/隐藏(true, false)
navigationHover: 鼠标经过时左右箭头显示/隐藏(true, false)
pagination: 是否显示分页(true, false)
playPause: 暂停按钮显示/隐藏(true, false)
pauseOnClick: 鼠标点击后是否暂停(true, false)
portrait: 显示幻灯片里所有图片的实际大小(true, false)
thumbnails: 是否显示缩略图(true, false)
time: 幻灯片播放时间( 填数字 )
transPeriod: 动画速度( 填数字 )
附件百度云案列:
链接: https://pan.baidu.com/s/1BbQK0smdQ68oLvf5Zk0ZIg 提取码: 2333
=