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

編集履歴

質問編集履歴

5

図の追加

2018/10/19 06:07

投稿

tyuuta
tyuuta

スコア9

title CHANGED
File without changes
body CHANGED
@@ -6,7 +6,11 @@
6
6
  そこで、下記のようなコードを書いてみたところ、最初にロードされたときはうまく表示できます。
7
7
  これをウインドウの幅をリサイズしたときに、リアルタイムで常にサイドの幅が減っていくというコードがわかりません。
8
8
 
9
+ 図にて説明します。
10
+ ![ロードしたとき](94bfdede4f85918fe4edfb71abfd8fb7.jpeg)
9
11
 
12
+ ![ブラウザの幅が変わった時](2aea902f1e81ed36033b7d13f2d87c46.jpeg)
13
+
10
14
  ### 該当のソースコード
11
15
 
12
16
 

4

文字の修正

2018/10/19 06:07

投稿

tyuuta
tyuuta

スコア9

title CHANGED
File without changes
body CHANGED
@@ -42,7 +42,7 @@
42
42
 
43
43
  ```
44
44
  ### やってみたこと
45
- javascript
45
+ ```javascript
46
46
  $(window).resize(function(){
47
47
  var windowWidth = $(window).width();
48
48
  var x = 1200;
@@ -54,6 +54,7 @@
54
54
  });
55
55
  ```
56
56
 
57
+
57
58
  これだと、ローカル値でslickのパラメーターにcenterPadding_Wが渡せません。
58
59
 
59
60
  ### 補足情報（FW/ツールのバージョンなど）

3

文字の修正

2018/10/19 05:20

投稿

tyuuta
tyuuta

スコア9

title CHANGED
File without changes
body CHANGED
@@ -41,8 +41,8 @@
41
41
  });
42
42
 
43
43
  ```
44
+ ### やってみたこと
44
- ### javascript
45
+ javascript
45
- ```ここに言語を入力
46
46
  $(window).resize(function(){
47
47
  var windowWidth = $(window).width();
48
48
  var x = 1200;

2

文字の修正

2018/10/19 05:19

投稿

tyuuta
tyuuta

スコア9

title CHANGED
File without changes
body CHANGED
@@ -9,14 +9,15 @@
9
9
 
10
10
  ### 該当のソースコード
11
11
 
12
+
12
- HTML
13
+ ```HTML
13
14
  <div class="slide "><!-- スライド -->
14
15
  <div><a href="#"><img src="images/slide1.jpg" alt=""></a></div>
15
16
  <div><a href="#"><img src="images/slide2.jpg" alt=""></a></div>
16
17
  <div><a href="#"><img src="images/slide3.jpg" alt=""></a></div>
17
18
  </div>
18
-
19
+ ```
19
- javascript
20
+ ```javascript
20
21
  $(function() {
21
22
 
22
23
  var windowWidth = $(window).width();
@@ -39,8 +40,9 @@
39
40
  });
40
41
  });
41
42
 
43
+ ```
42
- ### 試したこと
44
+ ### javascript
43
-
45
+ ```ここに言語を入力
44
46
  $(window).resize(function(){
45
47
  var windowWidth = $(window).width();
46
48
  var x = 1200;
@@ -50,6 +52,8 @@
50
52
  var centerPadding_W = 0;
51
53
  }
52
54
  });
55
+ ```
56
+
53
57
  これだと、ローカル値でslickのパラメーターにcenterPadding_Wが渡せません。
54
58
 
55
59
  ### 補足情報（FW/ツールのバージョンなど）

1

不要な文字を削除

2018/10/18 17:32

投稿

tyuuta
tyuuta

スコア9

title CHANGED
File without changes
body CHANGED
@@ -6,12 +6,7 @@
6
6
  そこで、下記のようなコードを書いてみたところ、最初にロードされたときはうまく表示できます。
7
7
  これをウインドウの幅をリサイズしたときに、リアルタイムで常にサイドの幅が減っていくというコードがわかりません。
8
8
 
9
- ### 発生している問題・エラーメッセージ
10
9
 
11
- ```
12
- エラーメッセージ
13
- ```
14
-
15
10
  ### 該当のソースコード
16
11
 
17
12
  HTML