質問: 【『slick.jsスライダーでウインドウサイズを変更したとき、スライド画像のサイドの幅のみ変更したい。』 というteratailのこの方の解決事例を参考に】 上記の方はセンターの幅は「1200px」なのですが、センターの幅を「300px」としたい場合、どこを変えればいいのでしょうか? 上記の方の、そのまま「300px」バージョンがやりたいです。 (サイド幅も、 (ブラウザの幅-**1200**px)/2 → (ブラウザの幅-**300**px)/2 にしたい。) 上記の方は解決したそうなのですが、最終的なまとまったコードが書いてなくてどう書けばいいかわかりません。 最終的にはどう書いて、どこを代入すればいいのでしょうか...? よろしくお願いします。
回答: 既に言われていることですが、丸投げ質問は「めっ」ですよ。 slickは触ったことないですが、解決事例は多分こういうことでしょう。 ``` $(window).resize(function(){ var windowWidth = $(window).width(); var x = 1200; if (windowWidth >= x) { var centerPadding_W = windowWidth/2-600; //centerPadding_Width }else{ var centerPadding_W = 0; } // 解決事例の質問者はcenterPadding_W(センター画像の左右の余白幅)を計算して求めることができても // どう反映させればいいか分からなかった。 // それに対して'slickSetOption'を使ったら?という回答がついた。 // ↓'slickSetOption'はここに書く $('.slide').slick('slickSetOption', 'centerPadding', centerPadding_W+"px", true); } ``` (質問文の代入ってなに...?変数に値を突っ込むことを代入といいます。この場合正しい日本語は...挿入とか?)