FlexSlider图片轮播切换jQuery插件
下載地址
?
flexSlider是一款強大的圖片輪播插件。參數說明animation: "slide",????????????// String: ["fade"|"slide"],動畫效果easing: "swing",??????????????? // String: 滾動動畫計時函數direction: "horizontal",?????// String: 滾動方向 ["horizontal"|"vertical"]reverse: false,????????????????? ?// Boolean: 翻轉 slide 運動方向animationLoop: true,???????// Boolean: 是否循環播放smoothHeight: false,???????// Boolean: 自動適應圖片高度startAt: 0,???????????????????????? // Integer: 開始播放的 slide,從 0 開始計數slideshow: true,???????????????// Boolean: 是否自動播放slideshowSpeed: 5000,??? // Integer: ms 滾動間隔時間animationSpeed: 600,???? // Integer: ms 動畫滾動速度initDelay: 0,?????????????????? ? // Integer: ms 首次執行動畫的延遲randomize: false,??????????? ?// Boolean: 是否隨機 slide 順序pauseOnAction: true,????? // Boolean: 用戶操作時停止自動播放pauseOnHover: false,????? // Boolean: 懸停時暫停自動播放useCSS: true,??????????????????? // Boolean: 是否使用 css3 transitiontouch: true,????????????????????? // Boolean: 允許觸摸屏觸摸滑動滑塊video: false,????????????????????? // Boolean: 使用視頻的 slider,防止 CSS3 3D 變換毛刺controlNav: true,????????????? // Boolean: 是否創建控制點directionNav: true,???????????// Boolean: 是否創建上/下一個按鈕(previous/next)prevText: "Previous",????????// String: 上一個按鈕文字,可為html元素nextText: "Next",?????????????? // String: 下一個按鈕文字,可為html元素keyboard: true,???????????????? // Boolean: 是否開啟鍵盤左(←)右(→)控制multipleKeyboard: false,???// Boolean: 是否允許鍵盤控制多個 slidemousewheel: true,????????????// Boolean: 是否開啟鼠標滾輪控制pausePlay: false,???????????????// Boolean: 是否創建暫停與播放按鈕pauseText: "Pause",?????????? // String: 暫停按鈕文字playText: "Play",????????????????// String: 播放按鈕文字controlsContainer: "",??????// jQuery Object/SelectormanualControls: "",???????? // jQuery Object/Selector 自定義控制 slider 的元素sync: "",?????????????????????????? // Selector: 關聯 slide 與 slide 之間的操作。itemWidth: 0,??????????????????// Integer: slide 寬度,多個同時滾動時設置itemMargin: 0,????????????????// Integer: slide 間距minItems: 1,??????????????????? // Integer: 最少顯示 slide 數, 與 `itemWidth` 相關maxItems: 0,???????????????????// Integer: 最多顯示 slide 數, 與 `itemWidth` 相關move: 0,????????????????????????? // Integer: 一次滾動移動的 slide 數量,0 - 滾動可見的 slidestart: function(){},??????????? // Callback: function(slider) - 初始化完成的回調before: function(){},????????// Callback: function(slider) - 每次滾動開始前的回調after: function(){},???????????// Callback: function(slider) - 每次滾動完成后的回調end: function(){},????????????// Callback: function(slider) - 執行到最后一個 slide 的回調added: function(){},????????// Callback: function(slider) - slide 添加時觸發removed: function(){}?????// Callback: function(slider) - slide 被移除時觸發
dd:
總結
以上是生活随笔為你收集整理的FlexSlider图片轮播切换jQuery插件的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 装饰模式C++详解
- 下一篇: 诚通优股获多家评级机构认可,智能选股顺风