Ext Core公式Lightboxの機能拡張版です。
アンカータグのtitleをLightboxに表示する機能、画像ファイルへのダウンロード用直リンクを追加しています。
スクロールした場合のマスク処理も修正しています。

Example

Group1

Group2

Download

Setup

Ext Core と ダウンロードした Lightbox を読み込みます。

<script src="ext-core.js"></script>
<script src="lightbox/lightbox.js"></script>

Lightbox で表示したい画像のアンカータグを指定します。
指定の書式は次の通りです。
Ext.ux.Lightbox.register( [selector: string], [group: boolean] );

<script>
	Ext.ux.Lightbox.register('a[rel^=group1]', true);
	Ext.ux.Lightbox.register('a.group2', true);
</script>

selector の書式は Ext Core 公式のマニュアルから確認ください。

BACK