質問編集履歴
1
誤字
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -10,11 +10,11 @@
|
|
|
10
10
|
|
|
11
11
|
スライド要素が4つ以上登録されている場合は、正常に機能しますが
|
|
12
12
|
3つ以下（必要な要素はすべて表示されている状態）になると表示が崩れてしまいます。
|
|
13
|
-
具体的には、.slick-center クラスが付く要素が真ん中ではなく
|
|
13
|
+
具体的には、.slick-center クラスが付く要素が真ん中ではなく両端になってしまい、
|
|
14
14
|
ほか2つの要素は半透明になります。
|
|
15
15
|
また、prev, next のボタンが出す、autoplay も動きません。
|
|
16
16
|
|
|
17
|
-
■ □
|
|
17
|
+
■ □ ■ こんな感じ。
|
|
18
18
|
|
|
19
19
|
要素が全て表示されている状態になるので、スライドとしては動作しなくても問題ありません。
|
|
20
20
|
ただ、見た目がおかしいので、要素が3つ以下の場合は＝すべての透明度を100％にする。という挙動にしたいのですが、どうすれば良いでしょうか？
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
});
|
|
44
44
|
```
|
|
45
45
|
```css
|
|
46
|
-
.slick-slide:not(.slick-
|
|
46
|
+
.slick-slide:not(.slick-center) {
|
|
47
47
|
opacity: .5;
|
|
48
48
|
}
|
|
49
49
|
```
|