質問編集履歴
2
状況と質問内容をより詳しく。
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
|
-
例えばスライダーを表示させる親要素
|
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で取得したカスタム投稿の情報をスライダーで表示させ
|
27
|
+
子要素はWP-Queryで取得したカスタム投稿の情報をスライダーで表示させ増えていくので、CSSのアニメーションで作るスライダーでは難しいかと思っています。
|
18
28
|
|
19
29
|
|
20
30
|
|
1
親要素がレスポンシブで変動する事が抜けていた為。
test
CHANGED
File without changes
|
test
CHANGED
@@ -8,7 +8,7 @@
|
|
8
8
|
|
9
9
|
|
10
10
|
|
11
|
-
例えばスライダーを表示させる親要素
|
11
|
+
例えばスライダーを表示させる親要素はmax-width:1000pxとして、横にスライドする子要素の幅を200pxとして、その子要素と子要素の間隔を10pxとして、スライダーを設置したいと思っています。
|
12
12
|
|
13
13
|
子要素の中には画像や文字など孫要素が複数含まれます。
|
14
14
|
|