はじめまして。よろしくお願いいたします。
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の用...
-
TEXTAREAに入力した改行コード...
-
slickのレスポンシブ > center...
-
未入力のラジオボタンに、alert...
-
分岐数といえば
-
度胸試しのJavaScript
-
テキストボックスに数字しか入...
-
【javascript】 年齢計算
-
COBOLの数字チェック
-
Javascriptの"return "について
-
「')'がありません」とスクリプ...
-
value内に変数を入れたい
-
プルダウン 項目が多いので先頭...
-
【jQuery】input nameの文字列...
-
フォームが空欄の時にフォーム...
-
tableの任意行にfocusをあてる
-
select要素のvalueを配列で取得...
-
同じ名前のセレクトがある場合...
-
onClick="this.form.submit
-
onclickで2個指定するには?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
return trueとreturn falseの用...
-
slickのレスポンシブ > center...
-
ラジオボタンのNullチェック
-
COBOLの数字チェック
-
未入力のラジオボタンに、alert...
-
JavaScriptde途中で、「exit」...
-
正規表現で複数マッチ条件で悩...
-
コピペを禁止するtextarea
-
ツリービューのチェックボック...
-
フォームの入力チェックをする...
-
度胸試しのJavaScript
-
Visual Studioのデザインでの非...
-
一度しか押せないボタンについて
-
onSubmit=の後ろは複数可能でし...
-
form の onSubmit がコールされ...
-
チェックボックスの有無判定
-
テキストボックスに数字しか入...
-
変数の値によってsubmit後の動...
-
ドラッグ&ドロップ禁止について
-
IE7のJavascriptで return fals...
おすすめ情報