回答編集履歴

1

1枚目の画像からスライドショーが始まるようにコードを修正

2020/02/13 23:45

投稿

shgtkshruch
shgtkshruch

スコア665

test CHANGED
@@ -46,6 +46,8 @@
46
46
 
47
47
  また、JavaScriptでsettimeoutを2回使用していたので、最初の関数の実行時はシンプルに`slide`関数を呼ぶようにしました。
48
48
 
49
+ また、1枚目の画像を最初に表示するために、classの付替えをするコードを少し修正しました。
50
+
49
51
 
50
52
 
51
53
  ```js
@@ -60,15 +62,11 @@
60
62
 
61
63
  interval = 5000;
62
64
 
63
- img.eq(0).addClass("show");
64
-
65
65
 
66
66
 
67
67
  function slide() {
68
68
 
69
- img.eq(count).removeClass("show");
69
+ img.removeClass("show"); // showクラスを削除
70
-
71
- count++;
72
70
 
73
71
  if(count >= num) {
74
72
 
@@ -78,11 +76,13 @@
78
76
 
79
77
  img.eq(count).addClass("show");
80
78
 
79
+ count++; // count の位置を移動
80
+
81
81
  setTimeout(slide, interval);
82
82
 
83
83
  }
84
84
 
85
- slide(); #この行だけ編集しました。
85
+ slide(); // この行を修正しました。
86
86
 
87
87
  });
88
88