質問編集履歴
1
コードの編集
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -4,19 +4,22 @@
|
|
|
4
4
|
|
|
5
5
|
私が試した方法は下記の通りです。
|
|
6
6
|
|
|
7
|
-
html
|
|
7
|
+
```html
|
|
8
8
|
<img src="img.png" width="800" height="115" usemap="#ImageMap">
|
|
9
9
|
<map name="ImageMap">
|
|
10
10
|
<area shape="rect" coords="200,0,500,110" href="#" alt="" />
|
|
11
11
|
</map>
|
|
12
|
+
```
|
|
12
13
|
|
|
13
|
-
CSS
|
|
14
|
+
```CSS
|
|
14
15
|
img[usemap] {
|
|
15
16
|
max-width: 100%;
|
|
16
17
|
height: auto;
|
|
17
18
|
}
|
|
18
19
|
|
|
20
|
+
```
|
|
21
|
+
|
|
19
|
-
header.php
|
|
22
|
+
```header.php
|
|
20
23
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
|
|
21
24
|
<script type="text/javascript" src="jquery.rwdImageMaps.min.js"></script>
|
|
22
25
|
<?php wp_head(); ?>
|
|
@@ -24,4 +27,5 @@
|
|
|
24
27
|
jQuery(document).ready(function(e) {
|
|
25
28
|
jQuery('img[usemap]').rwdImageMaps();
|
|
26
29
|
})
|
|
27
|
-
</script>
|
|
30
|
+
</script>
|
|
31
|
+
```
|