[JS]jQuery用のLightbox風スクリプト -jQuery Lightbox Plugin
Post on:2008年4月9日
jQuery Lightbox Plugin (balupton edition)は、アニメーションを使用して画像を拡大表示するjQueryで動作するLightbox風のスクリプトです。
jQuery Lightbox Plugin (balupton edition)
デモページ
画像を拡大表示するには、スクリプトを外部ファイルとして指定し、下記のコードのようにrel属性に「lightbox」を記述します。
rel属性を変更することで表示方法を変更できます。
1 2 3 |
<textarea name="code" class="html" cols="60" rows="5"> <a rel="lightbox" href="sample-large.jpg"><img src="sample.jpg" /></a> </textarea> |
拡大表示した画像には、titleに記述した内容が説明文として表示されます。
また、画像のグループ表示にも対応しており、「PREV」「NEXT」ボタンが表示されます。
Lightbox風のスクリプトは多数ありますが、拡大表示される際にヒョコッとする浮遊感が気持ちいいです。
jQuery Lightbox PluginはjQueryのプラグインのため、動作にはjquery.jsが必要です。
sponsors