タッチデバイスにも対応したシンプルなLightboxを実装するjQueryプラグイン・Swipebox

スポンサーリンク

タッチデバイスに対応したLightboxを実装するスクリプトのご紹介です。jQueryに依存します。多機能なものではありませんが、使いやすくて良さそうです。ただ、実機での動作テストをしていませんのでその程度の記事。

タッチデバイスで使えるLightboxです。

Swipebox


見易くていいかも。CSSでカスタマイズできるらしいのでMedia Queriesを使うだけで対応できるなら楽でいいかも。


スマフォのスクショです。

$(".foo").swipebox();

使い方はいつも通り。

<a href="big/bar.jpg" class="foo" title="My Caption">
	<img src="small/bar.jpg" alt="image">
</a>

マークアップもclassを振るだけ。

詳細は以下で確認できます

Swipebox

URL :
TRB :

Comments & Trackbacks (3)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services