質問編集履歴

2

状況と質問内容をより詳しく。

2019/03/30 01:33

投稿

w5487
w5487

スコア13

test CHANGED
File without changes
test CHANGED
@@ -2,19 +2,29 @@
2
2
 
3
3
 
4
4
 
5
- WordPressサイト内にレスポンシブに対応したスライダーを作りたいと思っています。
5
+ WordPressサイト内にレスポンシブに対応した子要素の間隔が一定なスライダーを作りたいと思っています。
6
-
6
+
7
+
8
+
7
- 現在jQueryの「slick」を利用しています。
9
+ 現在jQueryの「slick」を利用して
10
+
8
-
11
+ responsive: []
12
+
9
-
13
+ で画面幅毎に細かく設定しています。
10
-
14
+
15
+
16
+
11
- 例えばスライダーを表示させる親要素max-width:1000pxとして、横にスライドする子要素の幅を200pxとして、その子要素と子要素の間隔を10pxとして、スライダーを設置したいと思っています。
17
+ 例えばスライダーをレスポンシブで表示させる親要素max-width:1000pxとして、横にスライドする子要素の幅を200pxとして、その子要素と子要素の間隔を10pxとして、スライダーを設置したいと思っています。
12
18
 
13
19
  子要素の中には画像や文字など孫要素が複数含まれます。
14
20
 
15
21
 
16
22
 
23
+ 画面幅が800pxでも500pxでもその幅の中に子要素が一定間隔で横に移動しながら表示されるようにしたいと思っています。
24
+
25
+
26
+
17
- WP-Queryで取得したカスタム投稿の情報をスライダーで表示させるので、子要素は増えていくので、CSSのアニメーションで作るスライダーでは難しいかと思います。
27
+ 子要素はWP-Queryで取得したカスタム投稿の情報をスライダーで表示させ増えていくので、CSSのアニメーションで作るスライダーでは難しいかと思っています。
18
28
 
19
29
 
20
30
 

1

親要素がレスポンシブで変動する事が抜けていた為。

2019/03/30 01:33

投稿

w5487
w5487

スコア13

test CHANGED
File without changes
test CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
 
10
10
 
11
- 例えばスライダーを表示させる親要素の幅を1000pxとして、横にスライドする子要素の幅を200pxとして、子要素と子要素の間隔を10pxとして、スライダーを設置したいと思っています。
11
+ 例えばスライダーを表示させる親要素はmax-width:1000pxとして、横にスライドする子要素の幅を200pxとして、その子要素と子要素の間隔を10pxとして、スライダーを設置したいと思っています。
12
12
 
13
13
  子要素の中には画像や文字など孫要素が複数含まれます。
14
14