teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問slick.jsスライダーでウインドウサイズを変更したとき、スライド画像のサイドの幅のみ変更したい。

編集履歴

質問編集履歴

5

図の追加

2018/10/19 06:07

投稿

tyuuta
tyuuta

スコア9

test CHANGED
File without changes
test CHANGED
@@ -13,6 +13,14 @@
13
13
  これをウインドウの幅をリサイズしたときに、リアルタイムで常にサイドの幅が減っていくというコードがわかりません。
14
14
 
15
15
 
16
+
17
+ 図にて説明します。
18
+
19
+ ![ロードしたとき](94bfdede4f85918fe4edfb71abfd8fb7.jpeg)
20
+
21
+
22
+
23
+ ![ブラウザの幅が変わった時](2aea902f1e81ed36033b7d13f2d87c46.jpeg)
16
24
 
17
25
 
18
26
 

4

文字の修正

2018/10/19 06:07

投稿

tyuuta
tyuuta

スコア9

test CHANGED
File without changes
test CHANGED
@@ -86,7 +86,7 @@
86
86
 
87
87
  ### やってみたこと
88
88
 
89
- javascript
89
+ ```javascript
90
90
 
91
91
  $(window).resize(function(){
92
92
 
@@ -110,6 +110,8 @@
110
110
 
111
111
 
112
112
 
113
+
114
+
113
115
  これだと、ローカル値でslickのパラメーターにcenterPadding_Wが渡せません。
114
116
 
115
117
 

3

文字の修正

2018/10/19 05:20

投稿

tyuuta
tyuuta

スコア9

test CHANGED
File without changes
test CHANGED
@@ -84,9 +84,9 @@
84
84
 
85
85
  ```
86
86
 
87
- ### javascript
87
+ ### やってみたこと
88
88
 
89
- ```ここに言語を入力
89
+ javascript
90
90
 
91
91
  $(window).resize(function(){
92
92
 

2

文字の修正

2018/10/19 05:19

投稿

tyuuta
tyuuta

スコア9

test CHANGED
File without changes
test CHANGED
@@ -20,7 +20,9 @@
20
20
 
21
21
 
22
22
 
23
+
24
+
23
- HTML
25
+ ```HTML
24
26
 
25
27
  <div class="slide "><!-- スライド -->
26
28
 
@@ -32,9 +34,9 @@
32
34
 
33
35
  </div>
34
36
 
37
+ ```
35
38
 
36
-
37
- javascript
39
+ ```javascript
38
40
 
39
41
  $(function() {
40
42
 
@@ -80,9 +82,11 @@
80
82
 
81
83
 
82
84
 
83
- ### 試したこと
85
+ ```
84
86
 
87
+ ### javascript
85
88
 
89
+ ```ここに言語を入力
86
90
 
87
91
  $(window).resize(function(){
88
92
 
@@ -102,6 +106,10 @@
102
106
 
103
107
  });
104
108
 
109
+ ```
110
+
111
+
112
+
105
113
  これだと、ローカル値でslickのパラメーターにcenterPadding_Wが渡せません。
106
114
 
107
115
 

1

不要な文字を削除

2018/10/18 17:32

投稿

tyuuta
tyuuta

スコア9

test CHANGED
File without changes
test CHANGED
@@ -13,16 +13,6 @@
13
13
  これをウインドウの幅をリサイズしたときに、リアルタイムで常にサイドの幅が減っていくというコードがわかりません。
14
14
 
15
15
 
16
-
17
- ### 発生している問題・エラーメッセージ
18
-
19
-
20
-
21
- ```
22
-
23
- エラーメッセージ
24
-
25
- ```
26
16
 
27
17
 
28
18