http://www.zendei.com/article/9882.html
英文什麼的,我才不想看咧……照著1234就好
註釋說明
1 /** 2 * Created by wuxiaolu on 2016/5/28. 3 */ 4 $('.flexslider').flexslider({ 5 animation: "slide", // "fade" or "slide"圖片變換方式:淡入淡出或者滑動 6 slideDirection: "horizontal", //"horizontal" or "vertical"圖片設置為滑動式時的滑動方向:左右或者上下 7 selector: '.thumbnails .thumbnail',//滾動項目選擇器 8 slideshowSpeed: 5000, // 自動播放速度毫秒 9 animationSpeed: 600, //滾動效果播放時長 10 pausePlay: false,//是否顯示播放暫停按鈕 11 minItems: common.globals.SCREEN.ITEM,//最少顯示多少項 12 itemWidth: 220,//一個滾動項目的寬度 13 itemMargin: 20,//滾動項目之間的間距 14 slideshow: true, //Boolean: Animate slider automatically 載入頁面時,是否自動播放 15 animationDuration: 600, //Integer: S動畫淡入淡出效果延時 16 directionNav: true, //Boolean: (true/false)是否顯示左右控制按鈕 17 controlNav: true, //Boolean: usage是否顯示控制菜單//什麼是控制菜單? 18 keyboardNav: true, //Boolean:left/right keys鍵盤左右方向鍵控製圖片滑動 19 mousewheel: false, //Boolean: mousewheel滑鼠滾輪控制製圖片滑動 20 prevText: "Previous", //String: 上一項的文字 21 nextText: "Next", //String: 下一項的文字 22 pauseText: 'Pause', //String: 暫停文字 23 playText: 'Play', //String: 播放文字 24 randomize: false, //Boolean: Randomize slide order 是否隨機幻燈片 25 slideToStart: 0, //Integer: (0 = first slide)初始化第一次顯示圖片位置 26 animationLoop: true, // "disable" classes at either end 是否迴圈滾動 迴圈播放 27 pauseOnAction: true, //Boolean: highly recommended. 28 pauseOnHover: false, //Boolean: 滑鼠糊上去是否暫停 29 controlsContainer: "", //Selector: be taken. 30 manualControls: ".js-slidernav i", //Selector: .自定義控制導航// 小圓點活數字標示 css 選擇器 31 manualControlEvent: "", //String:自定義導航控制觸發事件:預設是click,可以設定hover 32 move: 0, //int:一次滾動項目個數 33 start: function (slider) { 34 }, //Callback: function(slider) - Fires when the slider loads the first slide 載入第一頁觸發 35 before: function (slider) { 36 }, //Callback: function(slider) - Fires asynchronously with each slider animation 每個滾動動畫開始時非同步觸發 37 after: function (slider) { 38 }, //Callback: function(slider) - Fires after each slider animation completes 每個滾動動畫結束時觸發 39 end: function (slider) { 40 } //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous) 滾動到最後一頁時非同步觸發 41 });
另外補充說明
1.回調的非同步大概指的是,觸發了回調動畫仍會繼續播放
2.回調參數里的slider我接下來詳細要講的
沒有留言:
張貼留言