はじめまして。よろしくお願いいたします。
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...
-
onSubmit=の後ろは複数可能でし...
-
未入力のラジオボタンに、alert...
-
ドラッグ&ドロップ禁止について
-
一度しか押せないボタンについて
-
ラジオボタンのNullチェック
-
Selectボックスの幅を自動で広...
-
javascript作成してます。ラジ...
-
Pythonで会員サイトの自動ログ...
-
現在時刻を取得してフォームのs...
-
特定<table>内の<td>の色を変える
-
hiddenのvalueの値を変えたい
-
ラジオボタンにタブインデック...
-
javascriptで入力禁止文字をチ...
-
jspでのArrayListの値の表示
-
【UWSC】HTML内のある部分を抽...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
return trueとreturn falseの用...
-
正規表現で複数マッチ条件で悩...
-
JavaScriptde途中で、「exit」...
-
slickのレスポンシブ > center...
-
COBOLの数字チェック
-
チェックボックスの有無判定
-
フォームの入力チェックをする...
-
Visual Studioのデザインでの非...
-
Tabキーでのカーソルの移動...
-
ツリービューのチェックボック...
-
ドロップダウンリストボックス...
-
コピペを禁止するtextarea
-
ラジオボタンのNullチェック
-
未入力のラジオボタンに、alert...
-
form の onSubmit がコールされ...
-
分岐数といえば
-
JSのみで入力→確認→メールで送...
-
テキストボックスに数字しか入...
-
JavaScript ログアウト処理
-
リロードしないようにするには
おすすめ情報