回答編集履歴

1

補足の追加。

2016/04/12 01:51

投稿

kei344
kei344

スコア69407

test CHANGED
@@ -4,15 +4,15 @@
4
4
 
5
5
  ```JavaScript
6
6
 
7
- $('#carousel').on('slid.bs.carousel', function () {
7
+ $( '#carousel' ).on( 'slid.bs.carousel', function() {
8
8
 
9
- if ($("#pic1").hasClass("active")) {
9
+ if ( $( '#pic1' ).hasClass( 'active' ) ) {
10
10
 
11
- $('#carousel').carousel( { interval: 6000 } );
11
+ $( '#carousel' ).carousel( { interval: 6000 } );
12
12
 
13
13
  }else{
14
14
 
15
- $('#carousel').carousel( { interval: 3000 } );
15
+ $( '#carousel' ).carousel( { interval: 3000 } );
16
16
 
17
17
  }
18
18
 
@@ -31,3 +31,37 @@
31
31
  【Bootstrap JS Carousel Reference】
32
32
 
33
33
  [http://www.w3schools.com/bootstrap/bootstrap_ref_js_carousel.asp](http://www.w3schools.com/bootstrap/bootstrap_ref_js_carousel.asp)
34
+
35
+
36
+
37
+ ---
38
+
39
+
40
+
41
+ **追記:**
42
+
43
+
44
+
45
+ pause/cycle が 一時停止/再開 ならこう書けるかも。
46
+
47
+
48
+
49
+ ```JavaScript
50
+
51
+ $( '#carousel' ).on( 'slid.bs.carousel', function() {
52
+
53
+ if ( $( '#pic1' ).hasClass( 'active' ) ) {
54
+
55
+ setTimeout( function() {
56
+
57
+ $('#carousel').carousel( 'cycle' );
58
+
59
+ }, 6000 );
60
+
61
+ $('#carousel').carousel( 'pause' );
62
+
63
+ }
64
+
65
+ });
66
+
67
+ ```