jQuery 3D旋转图片轮播插件imageflow.js

这里写图片描述

下载地址
演示地址

兼容IE6-11
插件描述:3D旋转图片轮播效果(支持滚轮)

參數設定說明:

aspectRatio: 1.964, /* ImageFlow的高度 */
buttons: false, /* 上下张按钮 */
captions: true, /* 标题显示 */
imageCursor: 'default', /* 滑鼠游标图示 */
ImageFlowID: 'imageflow', /* ImageFlow 的ID 名称 */
imageFocusM: 1.0, /* 图片的显示比例 */
imageFocusMax: 4, /* 二边照片出现的张数 */
imageScaling: true, /* 影像缩放切换 */
imagesHeight: 0.67, /* 影像高度在Div的缩放比例 */
imagesM: 1.0, /* 所有影像的显示比例 */
onClick: function() { document.location = this.url; }, /* 连结视窗设定 */
opacity: false, /* 透明效果 */
opacityArray: [10,8,6,4,2], /* 透明效果值从 0~10 */
preloadImages: true, /* 预载图片Bar */
preloadImagesText: 'loading images',/* 预载图片显示文字 */
reflectionP: 0.5, /* 图片高度缩放比例 */
scrollbarP: 0.6, /* 轴卷宽度比例 */
slider: true, /* 显示卷轴 */
sliderCursor: 'e-resize', /* 卷轴滑鼠图示 */
sliderWidth: 14, /* 卷轴宽度 */
startID: 1, /* 起始显示照片的ID */
startAnimation: false, /* 起始动画效果 */
xStep: 150, /* 图片x轴间距 */
animationSpeed: 50, /* 图片转换的时间 */
singleItemTag: 'IMG', /* 设定项目的名称 */
slideshow: false, /* 幻灯片效果 */
slideshowInterval: 2000, /* 幻灯片的时间 */
slideshowLeftToRight: true, /* 幻灯片移动方向,true由左至右,false由右至左 */
cycle: false /* 滑鼠第三键切换影像 */
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值