teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

HTMLの記述を追加しました。

2016/12/07 14:41

投稿

RR_KK
RR_KK

スコア12

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="画像URL";
26
+ document.map1.src="1Fのマップ画像";
27
+ document.map_text.src = "1Fのマップ見出し画像";
12
- document.getElementById("ID").style.visibility="hidden";
28
+ document.getElementById("arrowL").style.visibility="hidden";
13
- document.getElementById("ID").style.visibility="visible";
29
+ document.getElementById("arrowR").style.visibility="visible";
14
30
  }
15
31
  function map_2(){
16
- document.map1.src="画像URL";
32
+ document.map1.src="2Fのマップ画像";
33
+ document.map_text.src = "2Fのマップ見出し画像";
17
- document.getElementById("ID").style.visibility="hidden";
34
+ document.getElementById("arrowR").style.visibility="hidden";
18
- document.getElementById("ID").style.visibility="visible";
35
+ document.getElementById("arrowL").style.visibility="visible";
19
36
  }
20
37
  </script>
21
38
  ```