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. zelect

    JavaScript

    セレクトボックスをカスタマイズして使いやすくしてくれる「zelect」

    zelectはセレクトボックスをユーザーが使いやすくなるようにカスタマ…

  2. JavaScript

    レスポンシブなテキストを実装できるjQueryプラグイン「Responsive Text」

    Responsive TextというjQueryプラグインを使えば、と…

  3. preload

    JavaScript

    プリロードやローディング画面を実装できるjQueryプラグイン「preload」

    preloadは、その名のとおり「プリロード」やローディング中の画面を…

  4. Ink Transition Effect

    JavaScript

    インクをこぼしたようなエフェクトを実装できる「Ink Transition Effect」

    Ink Transition Effectはインクがこぼれて広がったよ…

  5. simpleSlideShow

    JavaScript

    カスタマイズしやすいシンプル・軽量なスライドショー「simpleSlideShow」

    simpleSlideShowは、シンプルで軽量なスライドショーを実装…

  6. SWAPMYLI

    JavaScript

    スライドが切り替わるタイミングも分かりやすく表示させるギャラリーを実装できるjQueryプラグイン「…

    シンプルでよさそうだったのでメモしときます。スライドが切り替わるタイミ…

最近の記事

  1. 田沢湖
  2. ゴムの耳栓
  3. ライオンコーヒー(バニラマカダミア)
PAGE TOP