質問編集履歴
6
文章の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
|
|
12
12
|
③ 「windowサイズが変わっても 真ん中を基準に可変する」方法がわからない。
|
|
13
13
|
: → 普通に「`margin: 0 auto;`で中央配置」した時みたいにしたい
|
|
14
|
-
: 【[この方のJSコードへ代入するには？](https://teratail.com/questions/173809)で代入できれば実装できそうです。
|
|
14
|
+
: 【[この方のJSコードへ代入するには？](https://teratail.com/questions/173809)で代入できれば実装できそうです。JS始めたてで代入の仕方がわかりません。助けてください、、】
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
全てたくさん調べたり色々やってみましたが、JSプラグインが初めてなこともあり、よくわからなくて複数質問でごめんなさい！
|
5
タイトルの修正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
|
|
1
|
+
slick.jsスライダーで、画像を中央配置 / 矢印の位置変更をするには？
|
body
CHANGED
|
File without changes
|
4
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -5,19 +5,21 @@
|
|
|
5
5
|
① jQueryのslickを動かすまでは、ちゃんと画像が「中央配置」になってたのに、slick動かしたら全部「左寄り」になってしまった。
|
|
6
6
|
: → 画像を中央配置にしたい
|
|
7
7
|
|
|
8
|
-
② slickの矢印（arrows）やdotsの「位置変更」がわからない。
|
|
8
|
+
② slickの矢印（arrows）やドットナビゲーション（dots）の「位置変更」がわからない。
|
|
9
9
|
（よく調べても `appendArrows:$('')` とかがうまく使えない）
|
|
10
10
|
: → 位置を変更したい
|
|
11
11
|
|
|
12
12
|
③ 「windowサイズが変わっても 真ん中を基準に可変する」方法がわからない。
|
|
13
13
|
: → 普通に「`margin: 0 auto;`で中央配置」した時みたいにしたい
|
|
14
|
+
: 【[この方のJSコードへ代入するには？](https://teratail.com/questions/173809)で代入できれば実装できそうです。どなたか是非回答よろしくお願いします…！><】
|
|
14
15
|
|
|
16
|
+
|
|
15
17
|
全てたくさん調べたり色々やってみましたが、JSプラグインが初めてなこともあり、よくわからなくて複数質問でごめんなさい！
|
|
16
18
|
|
|
17
19
|
### やりたい感じ
|
|
18
20
|
|
|
19
21
|
|
|
20
|
-
『真ん中の box から ○pxの所に 矢印/
|
|
22
|
+
『真ん中の box から ○pxの所に 矢印/ドットナビゲーション』みたいにしたい。
|
|
21
23
|
ちなみに box はCSSで書いてる & 各 `section` の `width` は統一。
|
|
22
24
|
|
|
23
25
|
|ー|の幅だけ変わる
|
|
@@ -366,5 +368,5 @@
|
|
|
366
368
|
// }
|
|
367
369
|
```
|
|
368
370
|
|
|
369
|
-
どうや
|
|
371
|
+
どうすれば ①画像の中央配置や ②矢印/ドットナビゲーションの位置が変更できますか…？
|
|
370
372
|
どうぞよろしくお願いします。
|
3
文章の修正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
slickで
|
|
1
|
+
JSプラグインslickで、要素の位置変更等をしたい
|
body
CHANGED
|
@@ -3,21 +3,26 @@
|
|
|
3
3
|
|
|
4
4
|
### 問題
|
|
5
5
|
① jQueryのslickを動かすまでは、ちゃんと画像が「中央配置」になってたのに、slick動かしたら全部「左寄り」になってしまった。
|
|
6
|
+
: → 画像を中央配置にしたい
|
|
6
7
|
|
|
7
|
-
② slickの矢印（
|
|
8
|
+
② slickの矢印（arrows）やdotsの「位置変更」がわからない。
|
|
8
9
|
（よく調べても `appendArrows:$('')` とかがうまく使えない）
|
|
10
|
+
: → 位置を変更したい
|
|
9
11
|
|
|
10
|
-
③ 「windowサイズが変わっても
|
|
12
|
+
③ 「windowサイズが変わっても 真ん中を基準に可変する」方法がわからない。
|
|
13
|
+
: → 普通に「`margin: 0 auto;`で中央配置」した時みたいにしたい
|
|
11
14
|
|
|
12
|
-
|
|
13
15
|
全てたくさん調べたり色々やってみましたが、JSプラグインが初めてなこともあり、よくわからなくて複数質問でごめんなさい！
|
|
14
16
|
|
|
15
17
|
### やりたい感じ
|
|
16
18
|
|
|
17
19
|
|
|
18
|
-
『真ん中の box から ○pxの所に 矢印/dot』みたいにしたい。（dot? = boxの下にある、現在位置がわかるみたいなやつ）
|
|
20
|
+
『真ん中の box から ○pxの所に 矢印/dot』みたいにしたい。（dot（?） = boxの下にある、現在位置がわかるみたいなやつ）（フロアナビゲーションみたいな）
|
|
19
21
|
ちなみに box はCSSで書いてる & 各 `section` の `width` は統一。
|
|
20
22
|
|
|
23
|
+
|ー|の幅だけ変わる
|
|
24
|
+
= つまりwindowサイズが変わっても、左右の『チラ見せ』幅が変わるだけ
|
|
25
|
+
|
|
21
26
|
### 現状
|
|
22
27
|
|
|
23
28
|
|
2
文章の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -336,6 +336,8 @@
|
|
|
336
336
|
display: none;
|
|
337
337
|
}
|
|
338
338
|
|
|
339
|
+
// ▼ ここからカスタム ▼
|
|
340
|
+
|
|
339
341
|
// .pxArrow {
|
|
340
342
|
// position: absolute;
|
|
341
343
|
// top: 50%;
|
|
@@ -360,4 +362,4 @@
|
|
|
360
362
|
```
|
|
361
363
|
|
|
362
364
|
どうやったら解決できるでしょうか…？
|
|
363
|
-
よろしくお願いします。
|
|
365
|
+
どうぞよろしくお願いします。
|
1
文章の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
### やりたい感じ
|
|
16
16
|
|
|
17
17
|
|
|
18
|
-
『真ん中の box から ○pxの所に矢印
|
|
18
|
+
『真ん中の box から ○pxの所に 矢印/dot』みたいにしたい。（dot? = boxの下にある、現在位置がわかるみたいなやつ）
|
|
19
19
|
ちなみに box はCSSで書いてる & 各 `section` の `width` は統一。
|
|
20
20
|
|
|
21
21
|
### 現状
|