[JS]jQuery用のLightbox風スクリプト -jQuery Lightbox Plugin

Post on:2008年4月9日

sponsors

jQuery Lightbox Plugin (balupton edition)は、アニメーションを使用して画像を拡大表示するjQueryで動作するLightbox風のスクリプトです。

画像を拡大表示するには、スクリプトを外部ファイルとして指定し、下記のコードのようにrel属性に「lightbox」を記述します。
rel属性を変更することで表示方法を変更できます。

<textarea name="code" class="html" cols="60" rows="5">
<a rel="lightbox" href="sample-large.jpg"><img src="sample.jpg" /></a>
</textarea>

</textarea>

拡大表示した画像には、titleに記述した内容が説明文として表示されます。
また、画像のグループ表示にも対応しており、「PREV」「NEXT」ボタンが表示されます。

Lightbox風のスクリプトは多数ありますが、拡大表示される際にヒョコッとする浮遊感が気持ちいいです。

jQuery Lightbox PluginはjQueryのプラグインのため、動作にはjquery.jsが必要です。