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

来源：互联网发布：苹果电脑内存清理软件编辑：程序博客网时间：2024/05/02 04:53

这里写图片描述

下载地址
演示地址

兼容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 /* 滑鼠第三键切换影像 */

阅读全文

0 0