質問編集履歴
2
誤字の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
|
|
43
43
|
|
|
44
44
|
|
|
45
|
-
### j
|
|
45
|
+
### jQuely
|
|
46
46
|
|
|
47
47
|
```
|
|
48
48
|
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
|
|
57
57
|
|
|
58
58
|
|
|
59
|
-
//
|
|
59
|
+
// 要素の表示・非表示を切り替えてコメントを表示
|
|
60
60
|
|
|
61
61
|
$('div.text').fadeIn(500);
|
|
62
62
|
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
|
|
67
67
|
|
|
68
68
|
|
|
69
|
-
// 時間経過で
|
|
69
|
+
// 時間経過で要素の表示・非表示をもとに戻してコメントを非表示
|
|
70
70
|
|
|
71
71
|
$('div.text').delay(4000).fadeOut(500);
|
|
72
72
|
|
|
@@ -74,9 +74,7 @@
|
|
|
74
74
|
|
|
75
75
|
$('div.character').delay(4000).fadeIn(500);
|
|
76
76
|
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
77
|
+
|
|
80
78
|
|
|
81
79
|
// リストアップ
|
|
82
80
|
|
|
@@ -106,7 +104,7 @@
|
|
|
106
104
|
|
|
107
105
|
|
|
108
106
|
|
|
109
|
-
// 表示エリアに切り替え画像を挿入
|
|
107
|
+
// 表示エリアに切り替え用画像を挿入
|
|
110
108
|
|
|
111
109
|
var img = document.getElementById('change_image');
|
|
112
110
|
|
|
@@ -144,13 +142,13 @@
|
|
|
144
142
|
|
|
145
143
|
```
|
|
146
144
|
|
|
147
|
-
// リストの数をチェックしてランダムに取得（の
|
|
145
|
+
// リストの数をチェックしてランダムに取得（の切り替え用画像部分）
|
|
148
146
|
|
|
149
147
|
var randImg = elements[Math.floor(Math.random() * elements.length)];
|
|
150
148
|
|
|
151
149
|
|
|
152
150
|
|
|
153
|
-
//
|
|
151
|
+
// 切り替え用画像を表示させる（の全ての記述）
|
|
154
152
|
|
|
155
153
|
var img = document.getElementById('change_image');
|
|
156
154
|
|
|
@@ -164,7 +162,7 @@
|
|
|
164
162
|
|
|
165
163
|
|
|
166
164
|
|
|
167
|
-
|
|
165
|
+
切り替え用の画像が表示されないが故に挙動がおかしくなっているようなので
|
|
168
166
|
|
|
169
167
|
単純に画像パスの記述ミスかとも思ったのですが、前述の通りHTMLで指定した画像は表示されるので
|
|
170
168
|
|
1
文章の修正
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
文字列と画像
|
|
1
|
+
文字列とセットにした画像をクリックによりランダムに表示させたい
|
test
CHANGED
|
@@ -2,13 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
殆どコピペに頼っている
|
|
5
|
+
殆どコピペに頼っている初心者ですが、よろしくお願いいたします
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
画像をクリックする
|
|
9
|
+
・画像をクリックするたびに要素の表示・非表示の動作が発生し数秒後もとの状態に戻る
|
|
10
10
|
|
|
11
|
+
・クリックで表示される画像と文字列がセットになったものは数パターンあり、ランダムに表示される
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
11
|
-
|
|
15
|
+
上記のような遊びのページを作ろうとしています
|
|
12
16
|
|
|
13
17
|
|
|
14
18
|
|
|
@@ -16,9 +20,9 @@
|
|
|
16
20
|
|
|
17
21
|
|
|
18
22
|
|
|
19
|
-
|
|
23
|
+
切り替え用画像が表示されず（非表示マークが出ている）
|
|
20
24
|
|
|
21
|
-
|
|
25
|
+
画像とセットで表示されるようにした文字列も切り替え用画像を表示させるタイミングで消えてしまう
|
|
22
26
|
|
|
23
27
|
|
|
24
28
|
|
|
@@ -102,7 +106,7 @@
|
|
|
102
106
|
|
|
103
107
|
|
|
104
108
|
|
|
105
|
-
//
|
|
109
|
+
// 表示エリアに切り替え画像を挿入
|
|
106
110
|
|
|
107
111
|
var img = document.getElementById('change_image');
|
|
108
112
|
|
|
@@ -138,10 +142,6 @@
|
|
|
138
142
|
|
|
139
143
|
### 試したこと
|
|
140
144
|
|
|
141
|
-
下記を削除するとランダム表示にはならないものの画像は表示される（HTMLで指定しているため）ので、
|
|
142
|
-
|
|
143
|
-
jquelyの差し替え画像を表示させる部分の記述を変更することできちんと挙動するようにしたいです
|
|
144
|
-
|
|
145
145
|
```
|
|
146
146
|
|
|
147
147
|
// リストの数をチェックしてランダムに取得（の差し替え画像部分）
|
|
@@ -158,11 +158,19 @@
|
|
|
158
158
|
|
|
159
159
|
```
|
|
160
160
|
|
|
161
|
+
上記を削除すると、ランダムにはならないものの画像自体は表示される（HTMLで指定しているため）ので
|
|
162
|
+
|
|
163
|
+
jQuelyの切り替え画像に関する部分の記述に問題があるのかな？と思っているのですが、具体的にどう書き換えればいいのかがわかりません
|
|
164
|
+
|
|
165
|
+
|
|
166
|
+
|
|
161
167
|
差し替え用の画像が表示されないが故に挙動がおかしくなっているようなので
|
|
162
168
|
|
|
163
|
-
単純に画像パスの記述ミスか
|
|
169
|
+
単純に画像パスの記述ミスかとも思ったのですが、前述の通りHTMLで指定した画像は表示されるので
|
|
164
170
|
|
|
171
|
+
そちらは間違っていないように感じます
|
|
172
|
+
|
|
165
|
-
（HTMLと同じ階層に画像フォルダをつくり、その中に画像を入れています）
|
|
173
|
+
（一応補足すると、HTMLと同じ階層に画像フォルダをつくり、その中に画像を入れています）
|
|
166
174
|
|
|
167
175
|
|
|
168
176
|
|