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