[JS]IE7からスマフォまで全サポート、画像も動画もGoogle Mapsもあらゆるコンテンツを拡大表示するスクリプト -iLightBox
Post on:2013年2月13日
画像をはじめ、画像ギャラリー、そして動画、HTMLコンテンツ、外部サイトなど、あらゆるコンテンツを拡大表示するjQueryのプラグインを紹介します。

iLightBoxの特徴

- あらゆるコンテンツをサポートします。
画像、画像ギャラリー、動画(HTML5, YouTube, Vimeoなど)、Flash/swf, Google Maps, iFrame, AJAX, Alert/Confirm/Promptなど - 主要なブラウザ全てをサポートします。
IE7/8/9/10, Firefox, Chrome, Safari, Opera
iOS4+, Android - 主要なデバイスを全てサポートします。
デスクトップ・タブレット・スマートフォン
スワイプ操作やRetinaディスプレイもサポートしています。
iLightBoxのデモ
デモではあらゆるコンテンツをiLightBoxで拡大表示します。
まずは、画像一枚を拡大表示するデモから。

各画像をクリックすると、拡大表示します。
左上の四角アイコンをクリックすると、全画面表示です。

画像ギャラリーは右にサムネイルが表示され、ギャラリーのみスクロールして画像を次々に表示します。

画像は他にも多数のエフェクトがあり、下記はインライン型のギャラリーです。

画像だけでなく、HTMLのコンテンツも表示できます。

AJAXにも対応しています。

swfのFlashを表示することもできます。

iFrameを使って、外部サイトの表示にも対応しています。

HTMLはその場でDOM要素をロードし、表示することもできます。

動画はYouTube, Vimeo, QuickTime, HTML5に対応しており、拡大して表示します。

画像やHTMLや動画だけでなく、Google Mapsの表示にも対応しています。

alert, confirm, promptなどのダイアログも表示します。

sponsors