Flexslider選項設置

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

轉載于:https://www.cnblogs.com/Isabel4u/p/6909279.html

總結

以上是生活随笔為你收集整理的关于FlexSlider插件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。