1. 程式人生 > >jQuery 3D旋轉圖片輪播外掛imageflow.js

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 /* 滑鼠第三鍵切換影像 */