位置:首頁 > JS特效代碼 > 輪播和開關

FlexSlider圖片輪播切換jQuery插件

2020-06-25 147瀏覽數
Flexslider是功能強大的圖像旋轉插件。參數說明動畫:“ slide”,//字符串:[“ fade”“ slide”],動畫效果:“ swing”,// String:滾動動畫計時功能方向:“水平”,// String:滾動方向[“ horizo​​ntal“” vertical“]反向:false,//布爾值:翻轉滑動動畫animationloop的方向:true,//布爾值:是否循環smoothheight:false,//布爾值:自動適應圖像高度,開始:0, //整數:開始播放的幻燈片,計算幻燈片顯示:從0開始為真,//布爾值:是否自動播放幻燈播放速度:5000,//整數:MS滾動間隔動畫速度:600,//整數:MS動畫滾動速度initdelay: 0,//整數:ms首次執行動畫的延遲隨機:false,//布爾值:是否使用隨機幻燈片順序pauseonaction:true,// Boolean:在用戶操作期間停止自動播放pauseonhover:false,//布爾值:pause在懸停時自動播放usecss:真,//布爾值:是否使用CSS3 transitiontouch:真,// /布爾值:允許觸摸屏觸摸滑動滑塊視頻:false,/ /布爾值:使用視頻滑塊防止CSS3 3D變換毛刺controlnav:真,//布爾值:是否創建控制點directionnav:真,//布爾值:是否創建上一個/下一個按鈕(上一個/下一個)prevtext:“上一個”,// String:上一個按鈕的文本可以是HTML元素nexttext:“ next” // String:下一個按鈕的文本可以是HTML元素的關鍵字:true,//布爾值:是否啟用鍵盤來控制多個鍵盤:false,//布爾值:是否啟用鍵盤來控制多個Slidemousewheels:true,//布爾值:是否啟用鼠標輪控制pauseplay :false,//布爾值:創建暫停和播放按鈕pausetext:'pause'// //字符串:暫停按鈕文本:'play'// //字符串:播放按鈕文本控件容器:',// jQuery對象/選擇器manualcontrols:',// jQuery object / selector定義元素Sync:',// selector:associat幻燈片之間的操作。 ItemWidth:0,//整數:幻燈片寬度,itemmargin:0,//整數:幻燈片間距minitems:1,//整數:至少顯示與'itemWidth'相關的幻燈片數量,最大值:0,//整數:顯示與“ itemWidth”相關的最大幻燈片數量。 Move:0,//整數:一次要移動的幻燈片數量,0-滾動可見的slidestart:function(){},// callback:function(slider)-回調在以下函數之前完成:function(){}, // callback:function(slider)-每次翻轉開始前的回調,之後:function(){},// callback:function(slider)-每次翻轉結束後的回調:function(){},//回調:function(slider)-回調到最後添加的幻燈片:function(){},// callback:function(slider)-在添加幻燈片時觸發。刪除:function(){} //回調:函數(滑塊)-刪除幻燈片時觸發