![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
はじめまして。よろしくお願いいたします。
slickで
メインバナーの左右に、メインの前と後ろのバナーを少しだけ表示させておくスライダーを表示させたいです。
いろいろなサイト様を参考にさせていただきまして、
jsで下記のように記述をし、ここまでは上手く反映されました。
$(document).ready(function(){
$('.slider').slick({
infinite: true,
dots:true,
centerMode: true,
autoplay:true,
});
});
なのですが、スマホのような小さな画面の際は、
『centerPadding:'0',にしたく、上の記述のあとに、
//レスポンシブ
responsive: [{
breakpoint: 768, //ブレイクポイント
settings: {
centerPadding:'50px',
},{
breakpoint: 576,
settings: {
centerMode: false,
}
}]
……のように追加記述をすると、
そもそものスライダーからも左右の余白が消え、
場合によっては、スライダーにもならないレイアウト崩れが起きます。
いろいろと自身でも調べているのですが、なかなか解決までたどりつけません。
詳しい方、どうかご教示願います。
宜しくお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
return trueとreturn falseの用...
-
slickのレスポンシブ > center...
-
半角英数字のみの入力にエラー...
-
変数の値によってsubmit後の動...
-
入力された日付の正規表現の仕...
-
COBOLの数字チェック
-
コピペを禁止するtextarea
-
テキストボックスに数字しか入...
-
未入力のラジオボタンに、alert...
-
フォームメールでURL送信時、存...
-
radioボタンでも、うまくアラー...
-
リロードしないようにするには
-
JavaScriptde途中で、「exit」...
-
【javascript】 年齢計算
-
ハイパーリンクを別ウインドウ...
-
<input>の選択肢をプルダウンメ...
-
至急!GetElementById でtdの...
-
TextBoxに半角数字以外を入れた...
-
value内に変数を入れたい
-
<JavaScript>tableタグを入力不...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
return trueとreturn falseの用...
-
slickのレスポンシブ > center...
-
JavaScriptde途中で、「exit」...
-
COBOLの数字チェック
-
未入力のラジオボタンに、alert...
-
ラジオボタンのNullチェック
-
Visual Studioのデザインでの非...
-
分岐数といえば
-
onSubmit=の後ろは複数可能でし...
-
チェックボックスの有無判定
-
コピペを禁止するtextarea
-
TEXTAREAに入力した改行コード...
-
ツリービューのチェックボック...
-
度胸試しのJavaScript
-
JavaScript ログアウト処理
-
半角英数字のみの入力にエラー...
-
Javascriptの"return "について
-
フォームの入力チェックをする...
-
テキストボックスに数字しか入...
-
Tabキーでのカーソルの移動...
おすすめ情報