拡大画像を表示するJavaScriptライブラリ「jQuery lightBoxプラグイン」で、拡大画像の幅・高さを制限する方法を紹介します。 jQuery lightBoxプラグインの使い方は、下記の公式サイトやネットの情報をご覧ください。 jQuery lightBox plugin 1.問題点 jQuery lightBoxプラグインは元画像である拡大画像の表示サイズを設定できないため、元画像のサイズによっては次のように期待通りの表示にならないケースがあります。 対処前の拡大画像(ブラウザの幅を超えて拡大) 本エントリーの対処を行うことで、拡大時のサイズを制限することができるようになります。 対処後の拡大画像 2.jquery.lightbox-0.5.jsの修正 jQuery lightBoxプラグインに含まれる、jquery.lightbox-0.5.jsを任意のエディタで開き、
![jQuery lightBoxプラグインで拡大画像の幅・高さを制限する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/1556ab6d980f254e1ee39b8c2fcb798aaf6e19e0/height=288;version=1;width=512/https%3A%2F%2Fwww.koikikukan.com%2Fimages%2Fcat3_80.jpg)