Siemaは軽量でシンプル、そしてjQueryなどの依存性のないカルーセルを実装することができるスクリプトです。マークアップ、使い方ともにシンプルなので、手軽にカルーセルを設置したいという人にピッタリです。
Siema
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」を活用されてみてはいかがでしょうか？
