この方のJSコードに代入したいが、どこを変えればいい？

【『slick.jsスライダーでウインドウサイズを変更したとき、スライド画像のサイドの幅のみ変更したい。』
というteratailのこの方の解決事例を参考に】

上記の方はセンターの幅は「1200px」なのですが、センターの幅を「300px」としたい場合、どこを変えればいいのでしょうか？
上記の方の、そのまま「300px」バージョンがやりたいです。
（サイド幅も、　（ブラウザの幅-1200px）/2　→　（ブラウザの幅-300px）/2　にしたい。）

上記の方は解決したそうなのですが、最終的なまとまったコードが書いてなくてどう書けばいいかわかりません。
最終的にはどう書いて、どこを代入すればいいのでしょうか…？

よろしくお願いします。

gouf

2019/02/11 07:17

slick.js は使ったことがないのですが、次の記事で対応できますか? : https://www.genius-web.co.jp/blog/cat-101/customization-method-of-slick.html

EXIT

2019/02/11 07:42

>>goufさんリンクありがとうございます。 slickのJSコードが書いてありましたが、JSは初心者で、分からなすぎてまだ応用ができません…TT 上記の方のJSコードを代入した感じを教えて欲しいですTT

think49

2019/02/11 11:33

https://teratail.com/help/avoid-asking

行動規範の内容に同意します

回答1件

ベストアンサー

既に言われていることですが、丸投げ質問は「めっ」ですよ。

slickは触ったことないですが、解決事例は多分こういうことでしょう。

javascript
1$(window).resize(function(){
2    var windowWidth = $(window).width();
3    var x = 1200;
4    if (windowWidth >= x) {        
5    var centerPadding_W =　windowWidth/2-600; //centerPadding_Width
6    }else{
7    var centerPadding_W = 0;    
8    }
9    // 解決事例の質問者はcenterPadding_W（センター画像の左右の余白幅）を計算して求めることができても
10    // どう反映させればいいか分からなかった。
11    // それに対して'slickSetOption'を使ったら？という回答がついた。
12    // ↓'slickSetOption'はここに書く
13    $('.slide').slick('slickSetOption', 'centerPadding', centerPadding_W+"px", true);
14}

（質問文の代入ってなに…？変数に値を突っ込むことを代入といいます。この場合正しい日本語は…挿入とか？）

投稿2019/02/15 11:00

yutampp

総合スコア182

EXIT

2019/02/16 14:25 編集

すいません、他にどう書けばいいか分からなくて… ありがとうございます。最終的にこう書けばいいってのがわかって嬉しいです。最後の}の後ろに);がいるみたいです。代入って、x+y=100 → x=70を代入 → 解: x=70 y=30　みたいな感じの意味で使ってました。つまり、var x=1200 の数字の所に 300 を代わりに入れるとしたら、windowWidth/2-600 の数字の所は何になるんだろう…？って質問でした。（windowWidth/2-600 の意味が分からなくて…）どうか↑の答えもお願いします！人なかなかうまくいきませんTT