1. 程式人生 > >swipe 移動端輪播圖

swipe 移動端輪播圖

轉自 https://blog.csdn.net/qq_31648761/article/details/78320898

下載連結:https://codeload.github.com/thebird/Swipe/zip/2.0.0,下載後解壓,直接執行index.html檔案,在瀏覽器的手機端訪問模式,直接可以拖動輪播圖片進行左右輪播

重寫swipe.js檔案中的stop方法

 function stop() {

    delay=options.auto > 0 ? options.auto : 0;
    clearTimeout(interval);

  }

原文連結:http://caibaojian.com/swipe.html

  • startSlide Integer (default:0) - 開始滾動的位置
  • speed Integer (default:300) - 動畫滾動的間隔(秒數)
  • auto Integer - 開始自動幻燈片(以毫秒為單位幻燈片之間的時間)
  • continuous Boolean (default:true) - 建立一個無限的迴圈(當滑動到所有動畫結束時是否迴圈滑動)
  • disableScroll Boolean (default:false)
     - 當滾動滾動條時是否停止幻燈片滾動
  • stopPropagation Boolean (default:false) - 是否停止事件冒泡
  • callback Function - 幻燈片執行中的回撥函式
  • transitionEnd Function - 動畫執行結束的回撥函式
  • 來源:前端開發部落格