質問編集履歴

1

修正後のコードに上書き

2020/01/01 11:56

投稿

yujill
yujill

スコア12

test CHANGED
File without changes
test CHANGED
@@ -52,9 +52,9 @@
52
52
 
53
53
  <!-- slick -->
54
54
 
55
- <!-- <script src="https://cdn.jsdelivr.net/npm/slick-carousel@1/slick/slick.min.js"></script> -->
55
+ <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
56
56
 
57
-
57
+
58
58
 
59
59
  <title></title>
60
60
 
@@ -70,21 +70,21 @@
70
70
 
71
71
 
72
72
 
73
- <div class="slider">
73
+
74
74
 
75
- <ul class="mt-4 list-unstyled">
75
+ <ul class="slider mt-4 list-unstyled">
76
76
 
77
- <li><img class="image active w-100"src="logo-white.jpeg"></li>
77
+ <li><img src="logo-white.jpeg"></li>
78
78
 
79
- <li><img class="image w-100" src="image200.jpeg"></li>
79
+ <li><img src="image200.jpeg"></li>
80
80
 
81
- <li><img class="image w-100" src="image300.jpeg"></li>
81
+ <li><img src="image300.jpeg"></li>
82
82
 
83
- <li><img class="image w-100" src="image400.jpeg"></li>
83
+ <li><img src="image400.jpeg"></li>
84
84
 
85
85
  </ul>
86
86
 
87
- </div>
87
+
88
88
 
89
89
 
90
90
 
@@ -102,11 +102,43 @@
102
102
 
103
103
 
104
104
 
105
- $(function(){
105
+ $(function(){
106
106
 
107
- $('.slider').slick();
107
+ $('.slider').slick();
108
108
 
109
- });
109
+ });
110
+
111
+
112
+
113
+ ---------------------------------------------------------------------
114
+
115
+
116
+
117
+ .slider{
118
+
119
+ margin: 100px auto;
120
+
121
+ width: 80%;
122
+
123
+ }
124
+
125
+ .slider img{
126
+
127
+ height: 300px;
128
+
129
+ width: 100%;
130
+
131
+ }
132
+
133
+
134
+
135
+ .slick-prev:before,
136
+
137
+ .slick-next:before {
138
+
139
+ color: #000;
140
+
141
+ }
110
142
 
111
143
 
112
144