• こんにちは。

    ■やりたいこと

    「一枚のイメージマップ(クリッカブルマップ)にいくつかクリックできるボタンを設定して、クリックすると別画像がポップアップする」

    をしたいです。

    固定ページに、作った画像を貼り、
    それにいくつかリンクをつけ(それぞれクリックで押せるように)、

    そのクリック先はそれぞれ違う画像にしてポップアップさせたいのですが、
    素人すぎてどう頑張っても自分の知識では出来ません・・・。
    どうやると出来ますでしょうか・・・。

    ■ 自分で試した事①
    ・ワードプレスに使用するサイズの画像を準備
    ・「HTML Imagemap Generator」で画像をアップロード
    ・リンクさせたい画像の範囲を指定
    ・生成されたコードをコピーする
    ・ワードプレスにコードを貼り付けリンク先を入力する
    ここまでは出来ました。

    最後の貼り付けリンク先を別画像のPOPUPにしたいです。

    検索してみても例がありません・・・。(リンク先に飛ぶことは出来るのですが、別画像をポップアップで出せません・・・)
    どのようにすると出来ますでしょうか?

    ■ 自分で試した事➁

    Popupmakerのプラグインの利用して1ページに対する1ポップアップはできました。

    ですが、それ以上はどうしても出来ませんでした・・・。

    どうぞよろしくお願い致します。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • @kbrna さん、こんにちは。

    クリッカブルマップはうまく設定できているという事でよろしかったでしょうか。あとはクリッカブルマップに設定されたリンクをポップアップすることだと思いますが、通常ポップアップをできるようにしているプラグインではリンクに class を付与することで実行していたりします。

    ちょっといくつものプラグインを試している訳ではないので自分の使用したことのある FancyBox プラグインの場合では、メニューで画像や PDF 等リンクの種類で設定できる他に

    class=”fancybox” のあるリンクをすべてのメディアを取り扱うようにする。

    といった設定方法があるため、クリッカブルマップのリンクに class を別途追加可能であれば実現することは可能かと思います。クリッカブルマップのプラグインで class の追加が難しい場合、他の方法を検討する必要があると思います。

    ご参考になれば。

    トピック投稿者 kbrna

    (@kbrna)

    @shokun0803様、こんにちは。

    ご連絡をありがとうございます。

    ど素人なのでよくわかっていないのが現状なのですが、

    上記の”fancybox”というのは、

    FancyBox for WordPress – WordPress プラグイン | WordPress.org 日本語

    ↑こちらでしょうか?

    クリッカブルマップが1画像につき1ポップアップしかできなかったので、

    1画像に複数のリンク先を設定したいのですが、こちらだとどうなのでしょうか・・・。

    今のところ、こちらで質問する前に調べ尽くした結果、

    「HTML Imagemap Generator」が複数のリンク先を設定できました。

    (出来ればこのリンク先をPOPUP出来たら便利だなと思っております)

    ですが、他にも方法があればご教示頂けたらと思っております。

    どうぞよろしくお願い致します。

    kbrnaさん、こんにちは。

    「HTML Imagemap Generator」が複数のリンク先を設定できました。

    (出来ればこのリンク先をPOPUP出来たら便利だなと思っております)

    先の投稿はこのプラグインを利用した上での説明です。

    まずはクリッカブルマップを実現し、複数のリンクが機能していることが前提でそれに対応できるポップアップのプラグインを探すか追加の方法を検討する必要があるかと思います。

    ご参考になれば。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「リンク先の画像をポップアップ表示したい」には新たに返信することはできません。