やりたいこと
画面サイズに応じてclass名の付与やcarousel呼び出しのjsのオプションなどでcarouselスライダーの有効・無効を切り分ける方法があったら知りたい。
例:carousel-md-noneというclass名で切り分けが出来る場合
html
1<div class="carousel carousel-md-none"> 2 <ul class="carousel-inner"> 3 <li class="carousel-item active">aaa</li> 4 <li class="carousel-item">bbb</li> 5 <li class="carousel-item">ccc</li> 6 </ul> 7</div>
でsm以下はスライダー、md以上は通常のhtmlと言った感じです。
現状
スマホ版をメインで作成しており、carouselを用いてスライダーを作成したのですがPC版のレイアウトではスライダーではなくベタで表示する事になりました。
作りとしては現状jQueryやboostrap関連のファイルは自前のサーバー内の複数サイトで共有しており、出来れば手を加えたくありません。
また、レイアウトとしてはほとんど同じこともありhtml自体も同じものを使用出来る状態で進めたいです。
他の方法で思いついている事
- javascriptで画面サイズに応じてcarousel用のclassを削除
- html自体を2種類用意する
補足情報
bootstrapは4.3.1、jQueryは3.3.1です。
以上となります。
どうぞよろしくお願い致します。
回答1件
あなたの回答
tips
プレビュー