質問編集履歴
4
変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
File without changes
|
3
追加変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -9,11 +9,12 @@
|
|
|
9
9
|
|
|
10
10
|
<body>内に
|
|
11
11
|
<script type="text/javascript" charset="utf-8">
|
|
12
|
-
$(document).ready(function(){
|
|
12
|
+
$(document).ready(function(){
|
|
13
|
-
|
|
13
|
+
$("a[rel^='prettyPhoto']").prettyPhoto();
|
|
14
|
-
});
|
|
14
|
+
});
|
|
15
15
|
</script>
|
|
16
16
|
|
|
17
|
+
★上記にareaを追加すればよいのでしょうか？？
|
|
17
18
|
|
|
18
19
|
<div id="image">
|
|
19
20
|
<img src="/wp/wp-content/themes/invent-child/images/map.png" usemap="#image_map" alt="マップ" />
|
|
@@ -22,6 +23,14 @@
|
|
|
22
23
|
</map>
|
|
23
24
|
</div>
|
|
24
25
|
|
|
26
|
+
<div id=image2">
|
|
27
|
+
<table>
|
|
28
|
+
<tbody>
|
|
29
|
+
<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>
|
|
30
|
+
</tbody>
|
|
31
|
+
</table>
|
|
32
|
+
</div>
|
|
25
33
|
|
|
34
|
+
|
|
26
35
|
上記のようにしております。
|
|
27
36
|
大変お手数ですが何卒よろしくお願いいたします。
|
2
追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,14 +1,27 @@
|
|
|
1
1
|
prettyPhotoで同一ページ内にaタグとareaタグを使用して画像を表示したいと考えているのですが可能でしょうか？？
|
|
2
2
|
ちなみにWordPressに実装させたいと思っております。
|
|
3
|
-
※WordPress 4.9.1
|
|
3
|
+
※WordPress バージョン4.9.1
|
|
4
4
|
|
|
5
|
+
head以下に挿入
|
|
6
|
+
<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
|
|
7
|
+
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
|
|
8
|
+
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
|
|
9
|
+
|
|
10
|
+
<body>内に
|
|
5
11
|
<script type="text/javascript" charset="utf-8">
|
|
6
12
|
$(document).ready(function(){
|
|
7
13
|
$("area[rel^='prettyPhoto']").prettyPhoto();
|
|
8
14
|
});
|
|
9
15
|
</script>
|
|
10
16
|
|
|
17
|
+
|
|
11
|
-
|
|
18
|
+
<div id="image">
|
|
19
|
+
<img src="/wp/wp-content/themes/invent-child/images/map.png" usemap="#image_map" alt="マップ" />
|
|
20
|
+
<map name="image_map">
|
|
21
|
+
<area shape="circle" coords="227,284,22" href="/wp/wp-content/themes/invent/images/shopmap/pic.jpg" lang="prettyPhoto[image_map]" alt="エリア" />
|
|
12
|
-
|
|
22
|
+
</map>
|
|
23
|
+
</div>
|
|
24
|
+
|
|
25
|
+
|
|
13
|
-
|
|
26
|
+
上記のようにしております。
|
|
14
27
|
大変お手数ですが何卒よろしくお願いいたします。
|
1
追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
prettyPhotoで同一ページ内にaタグとareaタグを使用して画像を表示したいと考えているのですが可能でしょうか？？
|
|
2
|
+
ちなみにWordPressに実装させたいと思っております。
|
|
3
|
+
※WordPress 4.9.1
|
|
2
4
|
|
|
3
5
|
<script type="text/javascript" charset="utf-8">
|
|
4
6
|
$(document).ready(function(){
|