質問編集履歴
2
【追記】 写真の追記とそのJSコード
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -179,3 +179,51 @@
|
|
|
179
179
|
removeメソッドが効かず一度だけ画像が変わった後、無限に画像がランダムに2枚ずつビュー上で表示されます。
|
|
180
180
|
|
|
181
181
|
このため、ページ自体が無限に縦長になっていきます。
|
|
182
|
+
|
|
183
|
+
|
|
184
|
+
|
|
185
|
+
|
|
186
|
+
|
|
187
|
+
PS 写真の追記とそのJSコードです。
|
|
188
|
+
|
|
189
|
+
|
|
190
|
+
|
|
191
|
+
|
|
192
|
+
|
|
193
|
+
```JavaScript
|
|
194
|
+
|
|
195
|
+
var rPicList = new Array(
|
|
196
|
+
|
|
197
|
+
"pictures/1.png","pictures/2.png","pictures/3.png","pictures/4.png","pictures/5.png",
|
|
198
|
+
|
|
199
|
+
"pictures/6.png","pictures/7.png","pictures/8.png","pictures/9.png","pictures/10.png",
|
|
200
|
+
|
|
201
|
+
"pictures/11.png","pictures/12.png","pictures/13.png","pictures/14.png","pictures/15.png",
|
|
202
|
+
|
|
203
|
+
"pictures/16.png","pictures/17.png","pictures/18.png","pictures/19.png","pictures/20.png",
|
|
204
|
+
|
|
205
|
+
"pictures/21.png","pictures/22.png","pictures/23.png","pictures/24.png","pictures/25.png",
|
|
206
|
+
|
|
207
|
+
"pictures/26.png","pictures/27.png","pictures/28.png","pictures/29.png");
|
|
208
|
+
|
|
209
|
+
|
|
210
|
+
|
|
211
|
+
slideshow_timer();
|
|
212
|
+
|
|
213
|
+
function slideshow_timer(){
|
|
214
|
+
|
|
215
|
+
var pNum = Math.floor(Math.random() * rPicList.length);
|
|
216
|
+
|
|
217
|
+
var printHtml = new Image();// imgタグを生成
|
|
218
|
+
|
|
219
|
+
printHtml.src = rPicList[pNum];
|
|
220
|
+
|
|
221
|
+
document.querySelector('.pic_container > img').remove();
|
|
222
|
+
|
|
223
|
+
document.querySelector('.pic_container').appendChild(printHtml);
|
|
224
|
+
|
|
225
|
+
setTimeout("slideshow_timer()",5000);
|
|
226
|
+
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
```
|
1
誤字の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
HTMLとCSSは問題なさそうですが、**JSで2回目以降の画像切り
|
|
5
|
+
HTMLとCSSは問題なさそうですが、**JSで2回目以降の画像切り替えができません。**
|
|
6
6
|
|
|
7
7
|
JSでどのように記述したら、正しくCSSを反映させたまま画像を切り替え表示させ続けることが可能でしょうか？
|
|
8
8
|
|