###前提・実現したいこと
slickを使ってスライドショーを作っているのですが画面幅を狭めたときに右側にできてしまう
余計な余白を取りたいです。
html
1<div class="your-class"> 2 <div class="img1"></div> 3 <div class="mainVsual img2"></div> 4 <div class="mainVsual img3"></div> 5</div>
css
1.your-class { 2 height: 100vh; 3} 4.slick-slide { 5 display: none; 6 height: 100vh; 7 min-height: 1px; 8} 9.mainVsual { 10 background-size: cover; 11} 12.img1 { 13 background-color: #0d2b29; 14} 15.img2 { 16 background-image: url(../img/img1.jpg); 17} 18.img3 { 19 background-image: url(../img/img2.JPG); 20}
js
1<script type="text/javascript"> 2 $(document).ready(function(){ 3 $('.your-class').slick({ 4 autoplay: true,//自動再生 5 arrows: false, 6 }); 7 }); 8 </script>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/11/06 12:00