質問編集履歴

1

新たに試したことを追記しました

2016/04/12 01:10

投稿

lilili
lilili

スコア17

test CHANGED
File without changes
test CHANGED
@@ -117,3 +117,59 @@
117
117
  アドバイスいただきたいです。
118
118
 
119
119
  どうぞよろしくお願いします。
120
+
121
+
122
+
123
+ #追記
124
+
125
+ kei344様のアドバイスを受け、以下のように修正してみました。
126
+
127
+ ```JavaScript
128
+
129
+ $(document).ready(function(){
130
+
131
+ $('#carousel').on('slid.bs.carousel', function () {
132
+
133
+ if ($("#pic1").hasClass("active")) {
134
+
135
+ $('#carousel').carousel( { interval: 6000 } );
136
+
137
+ }else{
138
+
139
+ $('#carousel').carousel( { interval: 3000 } );
140
+
141
+ }
142
+
143
+ });
144
+
145
+ });
146
+
147
+
148
+
149
+ //もしくは
150
+
151
+
152
+
153
+ $(document).ready(function(){
154
+
155
+ $('#carousel').on('slid.bs.carousel', function () {
156
+
157
+ if ($("#pic1").hasClass("active")) {
158
+
159
+ $('#carousel').attr('data-interval', '6000');
160
+
161
+ }else{
162
+
163
+ $('#carousel').attr('data-interval', '3000');
164
+
165
+ }
166
+
167
+ });
168
+
169
+ });
170
+
171
+ ```
172
+
173
+ どちらの書き方でも指定した秒数が反映されず、デフォルトの5000が効いてしまっているようでした。
174
+
175
+ 2つめの書き方の場合、画像が切り替わるたびにdata-intervalに値がセットされているのは確認できましたが、やはり効いてはいませんでした。