一個輕量級,沒有依賴的圖片Slider庫:PureSlider

jopen 9年前發布 | 11K 次閱讀 其他jQuery插件 jQuery插件 PureSlider

一個輕量級,沒有依賴的圖片Slider庫

Demo

http://djyde.github.io/PureSlider

Install

CommonJS:

$ npm install pureslider

Browser:

Import thedist/pureslider.dist.jsand link thedist/pureslider.css.

Usage

<div id="pure-slider">
  <div class="ps-item">
    <img src="foo.jpg" >
  </div>
  <div class="ps-item">
    <img src="foo.jpg" >
  </div>
  <div class="ps-item">
    <img src="foo.jpg" >
  </div>
  <div class="ps-item">
    <img src="foo.jpg" >
  </div>
</div>

import 'pureslider/src/pureslider.css' // Or any other way linking the stylesheet

import PureSlider from 'pureslider'

const slider = new PureSlider({ /** options **/ })

slider.slide() // start the slider

API

PureSlider([,options])

options:

key default
actionMode fade
duration 2000

PureSlider.slide()

項目主頁:http://www.baiduhome.net/lib/view/home/1449063427483

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