Q&A
問題はないのでしょうか？ 問題があれば書いてください。
prettyPhotoで同一ページ内にaタグとareaタグを使用して画像を表示したいと考えているのですが可能でしょうか？？
ちなみにWordPressに実装させたいと思っております。
※WordPress バージョン4.9.1
head以下に挿入
<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" /> <script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script> <body>内に <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $("a[rel^='prettyPhoto']").prettyPhoto(); }); </script>★上記にareaを追加すればよいのでしょうか？？
<div id="image"> <img src="/wp/wp-content/themes/invent-child/images/map.png" usemap="#image_map" alt="マップ" /> <map name="image_map"> <area shape="circle" coords="227,284,22" href="/wp/wp-content/themes/invent/images/shopmap/pic.jpg" lang="prettyPhoto[image_map]" alt="エリア" /> </map> </div> <div id=image2"> <table> <tbody> <tr><th><img src="[template_url]/images/shopmap/btn.png" alt="エリア2" width="28" height="28"></th><td><a data-gal="prettyPhoto" href="[template_url]/images/shopmap/no1_pic2.jpg" title="画像の説明">エリア2</a></td></tr> </tbody> </table> </div>上記のようにしております。
大変お手数ですが何卒よろしくお願いいたします。
aタグとイメージマップを両方使用したいのですが、上記だとaタグしか使用できないのでareaタグの画像をクリックした時もaタグ同様にprettyPhotoで画像を拡大させたいです。
回答1件
0
動作確認してみましたが、コードの変更はセレクタのみで表示できました。
jQuery
1$('area[href]').prettyPhoto();
内部で jQuery 3.x で廃止された .size() を呼んでいるため、2.x 以下のバージョンにしてください。
投稿2019/05/14 05:40
総合スコア13749
お忙しいところご返答をいただきありがとうございます。
試してみたのですが・・・
divの要素が効いているのか以来たらbody要素で全画面で普通に開いてしまいます。
もう少し調べてみます。
ありがとうございました。
1ヶ月弱経ってしまいましたがまだ解決をしていないのが現状です。
そもそもですがprettyPhotoでaタグとareaタグの両立は出来るのでしょうか？
aタグはprettyPhotoで表示されるのですがareaタグは普通にウィンドウ表示になってしまいます。
エラーは出ていないのですか？
こちらではどこで詰まっているのか不明なため、どこかにあげてもらったほうがいいかもしれません。
そうですよね。
お店のページなので出来れば公開をしたくないので・・・
x_xさんだけに見てもらう方法はありませんかね？？
よろしくおねがいいたします。
必要箇所だけ抜粋して上げられないですかね？
問題の現象を確認するのに WordPress が必要という場合でも使えるところはあります。
https://www.hiroyukisuzuki.com/entry/wordpress-free-rental-server/
わざわざ別に用意するのが面倒ということであれば、有料で発注するしかないですね。
ご返信ありがとうございます。
必要箇所だけ抜粋したのが一番最初に質問をしたソースなのですが・・・
それだけなら情報が足りないってことですよね？
そういうことになりますかね
フリーメールを作ってここに短時間だけ晒しますので連絡を頂けませんでしょうか？？
公開できる情報を公開してください。個人的な連絡はお断りします。
すでに解決への道筋はいくつか述べているので、いずれも選ばないのであれば自力で解決してみてはどうでしょうか？
そうですよね・・・
もう少し悩み続けて見ます。
あなたの回答
tips
プレビュー
