シンプルなイメージカルーセルを実装できる「Boishakh carousel」

no-image

Boishakh carouselはシンプルなイメージカルーセルを実装できるjQueryカルーセルプラグインです。マークアップ・使い方ともに簡単で手軽に実装できます。表示する画像数やprev/nextのテキスト設定などオプションもいろいろあるのでカスタマイズ性も備えています。

Boishakh carousel

デモ

デモでは2枚の画像が横に並べられていて、画面の両端には前後移動できるprev/nextボタンが設置されています。ボタンのテキストはBefore/Afterで、これはデフォルトのオプション設定によるものです。ボタンをクリックすることで画像を一枚ずつスライド移動させることができるほか、画像をドラッグすることでスライド移動させることも可能です。シンプルな操作性でとても使いやすいイメージカルーセルになっています。

オプションには、items、itemsBigTablet、itemsOnTablet、itemsOnMobile、margin、pauseOnHover、autoStructure、background、prev、nextが用意されています。各項目のデフォルト値は、itemsが2、itemsBigTabletが3、itemsOnTabletが2、itemsOnMobileが3、marginが2、pauseOnHoverがtrue、autoStructureがtrue、backgroundが'#ffffff"、prevが'Before'、nextが'After'です。

というわけで、シンプルなイメージカルーセルを実装できる「Boishakh carousel」の紹介でした。

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

Archives