teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

コードの修正

2017/11/25 15:06

投稿

narururu
narururu

スコア172

title CHANGED
File without changes
body CHANGED
@@ -9,15 +9,15 @@
9
9
 
10
10
  ```
11
11
  $(function() {
12
- $(.left carousel-control).on("click",function() {
12
+ $(".left").on("click",function() {
13
- ("carousel-caption").fadeIn();
13
+ $(".carousel-caption").fadeIn("slow");
14
- }
14
+ });
15
15
  });
16
16
  });
17
17
  $(function() {
18
- $(.right carousel-control).on("click",function() {
18
+ $(".right").on("click",function() {
19
- ("carousel-caption").fadeIn();
19
+ $(".carousel-caption").fadeIn("slow");
20
- }
20
+ });
21
21
  });
22
22
  });
23
23
  ```

1

説明追記

2017/11/25 15:06

投稿

narururu
narururu

スコア172

title CHANGED
File without changes
body CHANGED
@@ -60,4 +60,17 @@
60
60
  </div>
61
61
  </section>
62
62
  ```
63
+
64
+ ###CSSコード
65
+ ```
66
+ .carousel-inner {
67
+ padding: 0;
68
+ }
69
+ .carousel-caption {
70
+ bottom: 25%;
71
+ }
72
+ ```
73
+
74
+ ※カルーセルはBootstrap3で実装しています。
75
+
63
76
  以上、ご確認お願いいたします。