Siema

JavaScript

軽量でシンプルで依存性のないカルーセルを実装できる「Siema」

Siemaは軽量でシンプル、そしてjQueryなどの依存性のないカルーセルを実装することができるスクリプトです。マークアップ、使い方ともにシンプルなので、手軽にカルーセルを設置したいという人にピッタリです。

Siema

Siema

カルーセルのデモでは、prev、nextのボタンが設置されており、ここからアイテムを前後移動させることができます。スライドでサクサク切り替わっていきます。

シンプルがゆえに、いろんなシーンで活用できそうですね。

サポートしているブラウザは、IE 10、Chrome 12、Firefox 16、Opera 15、Safari 4、Android Browser 4.0、iOS Safari 6.0になります。

また、Siemaにはオプションもいくつか用意されています。主なオプションは、selector、duration、easing、perPage、startIndex、draggable、threshold、loopです。

ちょっとしたカスタマイズもオプションから気軽に設定できるのがいいですね。

というわけで、依存性のない軽量・シンプルなカルーセルを自サイトに設置したいという人は、ぜひ「Siema」を活用されてみてはいかがでしょうか?

LightboxjQuery依存なしのシンプルなライトボックス機能を実装できる「Lightbox」前のページ

セクションごとにスクロールしてくれる「jQuery Scrollify」次のページjQuery Scrollify

関連記事

  1. jCalculator

    JavaScript

    jQueryプラグインで電卓を実装できる「jCalculator」

    jCalculatorというjQueryプラグインを使えば入力フィール…

  2. jQuery Modal

    JavaScript

    シンプルでレスポンシブなモーダルボックス「jQuery Modal」

    jQuery Modalはシンプルでレスポンシブに対応したモーダルボッ…

  3. jQuery-TimelineMe

    JavaScript

    シンプルなタイムラインを簡単につくれる「jQuery-TimelineMe」

    jQuery-TimelineMeは、タイムラインを簡単に構築すること…

  4. Lobibox

    JavaScript

    レスポンシブなメッセージを通知できる「Lobibox」

    Lobiboxはレスポンシブなメッセージボックスを通知できるjQuer…

  5. Multi-Level Menu

    JavaScript

    流れるような遅延アニメーションが美しい階層化メニュー実装「Multi-Level Menu」

    Multi-Level Menuは流れるような遅延アニメーションが美し…

  6. JavaScript

    アイコンをクリックすると周りにメニューが表示されるjQueryプラグイン「FerroMenu」

    FerroMenuというjQueryプラグインを使えばアイコンをクリッ…

最近の記事

  1. SRS-XB43
  2. Nu:kin
  3. フィールグッドシャワー

アーカイブ

PAGE TOP