はじめまして。よろしくお願いいたします。
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で質問しましょう!
似たような質問が見つかりました
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- Visual Basic(VBA) 【VBA】写真の貼り付けコードがうまく機能しません。 5 2022/09/01 18:43
- Excel(エクセル) EXCEL関数(数式)を教えてください 2 2022/06/08 18:32
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- Java java 引数 戻り値のあるメソッド 3 2023/02/12 06:23
- Visual Basic(VBA) VBAでシートの保護をかける際に「書式設定の変更」を有効にする 1 2023/04/17 18:18
- JavaScript 正規表現について質問です。条件に合う場合はtrueを返したい 3 2022/10/06 23:02
- Visual Basic(VBA) 【Excel VBA】自動メール送信の機能追加 5 2022/09/29 12:53
- Excel(エクセル) VBA : スクレイピングできない 4 2023/05/12 22:26
- Visual Basic(VBA) Excelのマクロコードについて教えてください。 1 2022/03/27 13:25
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
return trueとreturn falseの用...
-
COBOLの数字チェック
-
ラジオボタンのNullチェック
-
フォームの入力チェックをする...
-
IE7のJavascriptで return fals...
-
Visual Studioのデザインでの非...
-
form の onSubmit がコールされ...
-
JavaScriptでデータ送信
-
slickのレスポンシブ > center...
-
変数の値によってsubmit後の動...
-
送信フォームの入力内容チェッ...
-
テキストボックスに数字しか入...
-
未入力のラジオボタンに、alert...
-
JavaScriptde途中で、「exit」...
-
追加ボタンを押した際に ok ボ...
-
<JavaScript>tableタグを入力不...
-
hiddenのvalueの値を変えたい
-
プルダウンで選択すると、DBの...
-
javascriptでASPにデータを渡す
-
selectを変更不可にしたい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
return trueとreturn falseの用...
-
正規表現で複数マッチ条件で悩...
-
ラジオボタンのNullチェック
-
slickのレスポンシブ > center...
-
COBOLの数字チェック
-
JavaScriptde途中で、「exit」...
-
チェックボックスの有無判定
-
未入力のラジオボタンに、alert...
-
コピペを禁止するtextarea
-
テキストボックスに数字しか入...
-
フォームの入力チェックをする...
-
ドラッグ&ドロップ禁止について
-
JavaScript ログアウト処理
-
ドロップダウンリストボックス...
-
【javascript】 年齢計算
-
Visual Studioのデザインでの非...
-
「本当に削除しますか」が正常...
-
リロードしないようにするには
-
JSのみで入力→確認→メールで送...
-
プルダウンメニューを選択して...
おすすめ情報