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