質問編集履歴
1
HTMLの記述を追加しました。
title
CHANGED
File without changes
|
body
CHANGED
@@ -3,19 +3,36 @@
|
|
3
3
|
切り替えがはできるようになったのですが、それをフェードイン・フェードアウトさせて
|
4
4
|
表示するようにしたいのですが、CSSやJsでどのように書けばいいのかわかりません。
|
5
5
|
ここにどのように書き加えればよろしいでしょうか?
|
6
|
-
よろしくお願いします
|
6
|
+
わかりにくいと思いますが・・・よろしくお願いします><
|
7
7
|
|
8
8
|
```
|
9
|
+
HTML
|
10
|
+
<div class="floor">
|
11
|
+
<div class="floor_title"><img タイトル画像></div>
|
12
|
+
<div class="map">
|
13
|
+
<div class="map_text"><img 1Fのマップ見出し画像></div>
|
14
|
+
<div class="zone_1F">
|
15
|
+
<div class="map_1F"><img 1Fのマップ画像></div>
|
16
|
+
<input type="image" id="arrowR" alt="" src="’2Fへ’の画像" onClick="map_2()">
|
17
|
+
</div>
|
18
|
+
<div class="zone_2F">
|
19
|
+
<input type="image" id="arrowL" alt="" src="’1Fへの画像’" onClick="map_1()">
|
20
|
+
</div>
|
21
|
+
</div>
|
22
|
+
</div>
|
23
|
+
|
9
24
|
<script>
|
10
25
|
function map_1(){
|
11
|
-
document.map1.src="画像
|
26
|
+
document.map1.src="1Fのマップ画像";
|
27
|
+
document.map_text.src = "1Fのマップ見出し画像";
|
12
|
-
document.getElementById("
|
28
|
+
document.getElementById("arrowL").style.visibility="hidden";
|
13
|
-
document.getElementById("
|
29
|
+
document.getElementById("arrowR").style.visibility="visible";
|
14
30
|
}
|
15
31
|
function map_2(){
|
16
|
-
document.map1.src="画像
|
32
|
+
document.map1.src="2Fのマップ画像";
|
33
|
+
document.map_text.src = "2Fのマップ見出し画像";
|
17
|
-
document.getElementById("
|
34
|
+
document.getElementById("arrowR").style.visibility="hidden";
|
18
|
-
document.getElementById("
|
35
|
+
document.getElementById("arrowL").style.visibility="visible";
|
19
36
|
}
|
20
37
|
</script>
|
21
38
|
```
|