PCでもスマートフォンでも表示できるlightbox系プラグイン

  • 解決済 kdmworks

    (@kdmworks)


    13年、 7ヶ月前

    いつもお世話になっております。
    コーポレートサイトを主に制作していまして、スマートフォン対応を進めています。
    スマートフォン表示させるプラグインを色々試しましたが、細かくテーマをする必要があったので、UserAgent theme switcherでテーマを切り替えて運用することにしました。

    PC版のサイトでは画像拡大をFancyBox for WordPressかjQuery Colorboxでおこなっているのでスマートフォン用のテーマにスイッチしたときもwp_headで同じプラグインが挿入されます。
    拡大時の大きさをブラウザの幅に合わせて拡大するようになるのですが、縦向きのときは全く問題ありません。
    ですが、これが横向き(landscape)時に拡大すると、すごく小さく縮小した状態にオーバーレイ表示されてしまうのです。

    横向きでも問題なく動作するlightbox系のプラグインがどうしても見つからないのでご存知の方がいればご教授して頂きたく投稿しました。
    もしくは、スマートフォン用のテーマが適用されているときだけFancyBox for WordPressやjQuery Colorboxがwp_headで挿入されないようにすることが可能であればその方法でも問題ありませんので、どうぞよろしくお願い致します。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • orangethyme

    (@orangethyme)

    13年、 7ヶ月前

    http://wordpress.org/extend/plugins/wp-jquery-lightbox/
    を使用していますが、特に問題ありません。

    トピック投稿者 kdmworks

    (@kdmworks)

    13年、 7ヶ月前

    orangethyme様
    ご返答ありがとうございます。
    お教え頂いたプラグインを試してみましたが、横向き時には縮小することはないものの、画面横幅いっぱいに拡大して表示することはできませんでした。プラグインに同梱されているスクリーンショットにはいい感じに拡大されたjpgが入っているのですけどね…。動作確認はiPhone 3GS(iOS4)とiPod touch 4th(iOS5)、009SHです。
    同プラグインを使用されているWPサイトを探し、そこでの動作確認もおこなってみましたが同じ結果でした。

    ただ、探している最中にブロガーさんが書かれていたWP-Slimbox2 Pluginhttp://wordpress.org/extend/plugins/wp-slimbox2/を試してみたところ、モバイルアクセス時はOFFという設定をすることができたので、ひとまずはこれで進めていきます。
    WP-Slimbox2は拡大時の画像の大きさがブラウザの幅によって自動リサイズされないようですが、Resize at Upload Plusプラグインなどでうまく対処しようと思います。
    ありがとうございました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「PCでもスマートフォンでも表示できるlightbox系プラグイン」には新たに返信することはできません。