$('.flexslider').flexslider({
namespace: 'flex-', ? //控件的命名空間坎穿,會(huì)影響樣式前綴
animation: "slide", ? //String: Select your animation type, "fade" or "slide"圖片變換方式:淡入淡出或者滑動(dòng)
slideDirection: "horizontal", ?//String: Select the sliding direction, "horizontal" or "vertical"圖片設(shè)置為滑動(dòng)式時(shí)的滑動(dòng)方向:左右或者上下
selector: '.thumbnails .thumbnail',
slideshowSpeed: 5000, ?// 自動(dòng)播放速度毫秒
animationSpeed: 600, ?//滾動(dòng)效果播放時(shí)長
pausePlay: false, ?//是否顯示播放暫停按鈕
minItems: common.globals.SCREEN.ITEM, ?//最少顯示多少項(xiàng)
itemWidth: 220, ?//一個(gè)滾動(dòng)項(xiàng)目的寬度
itemMargin: 20, ?//滾動(dòng)項(xiàng)目之間的間距
slideshow: true, ?//Boolean: Animate slider automatically 載入頁面時(shí)湘今,是否自動(dòng)播放
animationDuration: 600, ?//Integer: S動(dòng)畫淡入淡出效果延時(shí)
directionNav: true, ?//Boolean: ?(true/false)是否顯示左右控制按鈕
controlNav: true, ?//Boolean: ?usage是否顯示控制菜單//什么是控制菜單?
keyboardNav: true, ?//Boolean:left/right keys鍵盤左右方向鍵控制圖片滑動(dòng)
mousewheel: false, ?//Boolean: mousewheel鼠標(biāo)滾輪控制制圖片滑動(dòng)
prevText: "Previous", ?//String: 上一項(xiàng)的文字
nextText: "Next", ?//String: 下一項(xiàng)的文字
pauseText: 'Pause', ?//String: 暫停文字
playText: 'Play', ?//String: 播放文字
randomize: false, ?//Boolean: Randomize slide order 是否隨機(jī)幻燈片
slideToStart: 0, ?//Integer: ?(0 = first slide)初始化第一次顯示圖片位置
animationLoop: true, ?// ?"disable" classes at either end 是否循環(huán)滾動(dòng) 循環(huán)播放
pauseOnAction: true, ?//Boolean: ?highly recommended.
pauseOnHover: false, ?//Boolean: ng
controlsContainer: "", ?//Selector: ?be taken.
manualControls: ".js-slidernav i", ?//Selector: .自定義控制導(dǎo)航// 小圓點(diǎn)活數(shù)字標(biāo)示 css 選擇器
manualControlEvent: "", ?//String:自定義導(dǎo)航控制觸發(fā)事件:默認(rèn)是click,可以設(shè)定hover
start: function() {}, ?//Callback: function(slider) - Fires when the slider loads the first slide
before: function() {}, ?//Callback: function(slider) - Fires asynchronously with each slider animation
after: function() {}, ?//Callback: function(slider) - Fires after each slider animation completes
end: function() {}, ?//Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous)
});
更多Flexslider相關(guān)信息可以訪問Flexslider官網(wǎng)地址:http://www.woothemes.com/flexslider/