VMCSlider 圖片輪播插件

jopen 9年前發布 | 13K 次閱讀 VMCSlider 圖片展示jQuery插件 jQuery插件

VMCSlider 圖片輪播插件

特點

  1. 支持左右箭頭和圓點按鈕播放控制。
  2. 能夠靈活制定播放方式及轉場特效順序。
  3. 經過多種瀏覽器,包括IE6,測試均能很好兼容。
  4. 提供接口,支持自定義轉場效果。方便網頁開發者自行編寫更多轉場特效。
  5. 優化轉場特效算法提高執行效率。
  6. </ol>

    選項

    width

    • 類型:int,默認值:1000,單位:px
    • 寬度
    • </ul>

      height

      • 類型:int,默認值:330,單位:px
      • 高度
      • </ul>

        gridCol

        • 類型:int,默認值:10
        • 網格列數,為同時在垂直和水平方向都有變化的轉場效果提供舞臺切片的列數。
        • </ul>

          gridRow

          • 類型:int,默認值:5
          • 網格行數,為同時在垂直和水平方向都有變化的轉場效果提供舞臺切片的行數。
          • </ul>

            gridVertical

            • 類型:int,默認值:20
            • 柵格列數,為只在水平方向上變化的轉場效果提供舞臺切片的列數。
            • </ul>

              gridHorizontal

              • 類型:int,默認值:10
              • 柵格行數,為只在垂直方向上變化的轉場效果提供舞臺切片的行數。
              • </ul>

                autoPlay

                • 類型:boolean,默認值:true
                • 是否自動播放。
                • </ul>

                  ascending

                  • 類型:boolean,默認值:true
                  • 圖片按照升序播放。
                  • </ul>

                    effects

                    • 類型:array,默認值:['fade']
                    • 使用的轉場動畫效果列表。插件自身只有淡入淡出(fade)效果可用。使用更多效果,可引入vmc.slider.effects.js效果庫,或者自定義動畫效果。
                    • 數組長度為0時不顯示轉場動畫效果,您也可根據需要選擇部分效果使用,在非隨機情況下按照數組定義順序顯示動畫效果。
                    • </ul>

                      ie6Tidy

                      • 類型:boolean,默認值:false
                      • IE6下精簡轉場效果,只保留淡入淡出效果。
                      • </ul>

                        random

                        • 類型:boolean,默認值:false
                        • 隨機使用轉場動畫效果。
                        • </ul>

                          duration

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!