https://github.com/sawa-zen/sensu

蛇腹状に折りたたむようにスライドするjQueryプラグインスライダー
https://github.com/sawa-zen/sensu

jquery sensu slider

Last synced: 26 days ago
JSON representation

蛇腹状に折りたたむようにスライドするjQueryプラグインスライダー

• Host: GitHub
• URL: https://github.com/sawa-zen/sensu
• Owner: sawa-zen
• Created: 2015-08-07T12:48:30.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-09-10T09:13:39.000Z (over 9 years ago)
• Last Synced: 2024-10-27T20:02:54.915Z (3 months ago)
• Topics: jquery, sensu, slider
• Language: JavaScript
• Homepage: http://sensu.sawa-zen.com/demo
• Size: 3.78 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ![Sensu Slider](demo/img/thumbnail.png)

蛇腹状に折りたたむようにスライドするjQueryプラグインスライダー

[Demoページ](http://sensu.sawa-zen.com/demo)

## Requirement

- jQuery

- createjs

## Usage

1. 依存ファイルとsensu.jsを読み込む

  ```html

  

  

  

  ```

1. canvasタグを用意

  ```html

  

  ```

1. sensuメソッドを実行

  ```html

  

    $(window).onload(function() {

      $('#my-canvas').sensu({

        list: [

          {src: './img/demo1.png', url: 'http://sawa-zen.com'},

          {src: './img/demo2.png'},

          {src: './img/demo3.png'}

        ]

      });

    });

  

  ```

## Settings

Option | Type | Default | Description

------ | ---- | ------- | -----------

list | array | [] | 画像のリスト

roop | boolean | true | ループさせるかどうか

sliceNum | int | 10 | いくつにスライスするか

autoplay | boolean | false | 自動ページングさせるかどうか

autoplaySpeed | int  | 5000 | 自動ページングさせる時間

## Author

[@sawa-zen](https://github.com/sawa-zen)