-
1:ID:FWzJ1g · 5日前

WordPressのメディアファイルを開いたときに閉じるボタンを付けたいです。
「Easy FancyBox」というポップアップのプラグインを試しましたが、縦長の画像の場合、メディアファイルを開いたときの画像の高さがディスプレイの高さまでしか拡大されず小さく表示されてしまいます。

メディアファイルを開いたときに閉じるボタンを表示し、かつ画像もフルサイズで表示する方法はないでしょうか?

5 件の回答

2:ID:Gz3GPo · 5日前

技術的には、設定されてるmax-heightと、overflowの挙動を変えればできそうだけど、
推測される主の知識だと、他のプラグインを人気順に試していくってのが最短ルートな気がする。

3:ID: · 5日前

画像が縦長のものだけ個別にcssで修正ですかね?全部同じ設定でうまくいくcssの書き方があればいいのですが…

4:ID:f370Wl · 5日前

やりたいことがよく分からないですが、スクリーンの横幅100%に画像を拡大表示させたいんですか?
めちゃくちゃ見づらいと思うんですが。。。

5:ID: · 2日前

Re:4
いえ。
上記プラグインを使って、画像が元のサイズのまま縮小されずに表示されるようにしたいです。
現状は、縦長の画像だとディスプレイの縦サイズが上限となり、元の画像より小さく表示されてしまいます。

6:ID:w3zMYS · 13時間前

そもそも”Easy” Fancy Boxなのよね。
The lightbox is resizing according to your screen size and the image ratio.ということです。縦長の画像だけHeight auto falseにできないから横幅の最大値をデバイス毎に変えてあげればできるかも?いじるとすればCSSの下あたりいじるんだろうけど。海外のフォーラムから拾ってきたから数値は適当です。

#fancybox-content {border-width:0px !important; height:620px !important; width:auto !important; min-width:500px; margin-top:-20px !important;}
#fancybox-img {width: auto !important; height: auto !important; max-height:620px;}

間違えていたらどなたかご指摘願います。


あと文字
ご利用の際は、利用規約をご一読ください。

一緒に読まれている質問

ページ上部に戻る