Flexslider選項(xiàng)設(shè)置

$(window).load(function() {$('.flexslider').flexslider({animation: "fade", //圖片變換方式：淡入淡出或者滑動(dòng)slideDirection: "horizontal", //圖片設(shè)置為滑動(dòng)式時(shí)的滑動(dòng)方向：左右或者上下slideshow: true, //載入頁(yè)面時(shí)，是否自動(dòng)播放slideshowSpeed: 7000, //自動(dòng)播放速度毫秒animationDuration: 600, //內(nèi)容切換時(shí)間touch: //是否支持觸摸滑動(dòng)directionNav: true, //是否顯示左右控制按鈕controlNav: true, //是否顯示控制菜單keyboardNav: true, //鍵盤左右方向鍵控制圖片滑動(dòng)mousewheel: false, //鼠標(biāo)滾輪控制制圖片滑動(dòng)minItems:1 //一次最少展示滑動(dòng)內(nèi)容的單元個(gè)數(shù) maxItems:0 //一次最多展示滑動(dòng)內(nèi)容的單元個(gè)數(shù) move:0 //一次滑動(dòng)的單元個(gè)數(shù) prevText: "Previous", //String: 上一項(xiàng)的文字nextText: "Next", //String: 下一項(xiàng)的文字pausePlay: false, //Boolean: 是否顯示播放暫停按鈕pauseText: 'Pause', //String: 暫停文字playText: 'Play', //String: 播放文字randomize: false, //Boolean: 是否隨機(jī)幻燈片slideToStart: 0, //Integer: 初始化第一次顯示圖片位置animationLoop: true, //是否循環(huán)滾動(dòng)pauseOnAction: true, //Boolean: Pause the slideshow when interacting with control elements, highly recommended.pauseOnHover: false, //鼠標(biāo)滑向滾動(dòng)內(nèi)容時(shí)，是否暫停滾動(dòng)pauseOnHover: false, //鼠標(biāo)糊上去是否暫停controlsContainer: "", //Selector: be taken.manualControls: "", //自定義控制導(dǎo)航manualControlEvent:"", //String:自定義導(dǎo)航控制觸發(fā)事件:默認(rèn)是click,可以設(shè)定hoverstart: function(){}, //加載第一頁(yè)觸發(fā)before: function(){}, //每個(gè)滾動(dòng)動(dòng)畫開始時(shí)異步觸發(fā)after: function(){}, //每個(gè)滾動(dòng)動(dòng)畫結(jié)束時(shí)觸發(fā)end: function(){} //滾動(dòng)到最后一頁(yè)時(shí)異步觸發(fā)}); });

轉(zhuǎn)載于:https://www.cnblogs.com/Isabel4u/p/6909279.html

總結(jié)

以上是生活随笔為你收集整理的关于FlexSlider插件的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。