酷炫的百叶窗轮播插件

开发工具与关键技术:DW、jav在这里插入图片描述aSpript 、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

=

  • 4
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值