WEBデザインのギャラリーサイトを作るとして
「lightboxのようなもので、サムネイル一覧を押すと、ウインドウサイズ内で可能な限り大きな画像が開く」といった仕様の場合、最近多い縦長のデザイン画像だけはスクロールで下まで大きい画像のまま見せるという仕様にしたいのですが、lightboxのデフォルトだと、縦に長いデザイン画像は、ウインドウサイズ内に縦におさまるように縮小されてしまいます。
「fitImagesInViewport」をfalseにすると、横も実寸になってしまいます。
わかりにくいかもしれませんが、つまり横幅は、ウインドウサイズによって変わり、縦はウインドウサイズに依存しない仕様にしたいのです。
良い方法ありませんでしょうか?
みんなの回答 4 件
lightboxのCSSを調節しろ
レガシーIE対策が不要になって、lightbox自体は簡単につくれるから作ったほうが速い。cssが分からないレベルであれば、どこかの誰かがつくったプラグインの仕様に甘んじるしかないよ。って、言われなくてもわかると思うけど。
自作簡単ですか?
単体の画像表示までは、簡単ですが、次の画像ボタン、前の画像ボタンの実装は、ちょっと悩みます。。。
258行目をコメントアウトでどう
lightbox2/lightbox.js at master · lokesh/lightbox2 · GitHub
https://github.com/lokesh/lightbox2/blob/master/dist/js/lightbox.js関連するトピックス