swiperで画像通りのことをしたいのですが、cssやjsでどこを修正すればいいのかわかりません。
<div class="swiper-container"> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide"><img src="images/facility_img01.png" alt=""></div> <div class="swiper-slide"><img src="images/facility_img02.png" alt=""></div> <div class="swiper-slide"><img src="images/facility_img03.png" alt=""></div> </div> <!-- If we need pagination <div class="swiper-pagination"></div>--> <!-- If we need navigation buttons --> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div>
.swiper-container{ text-align: center; } .swiper-container .swiper-slide img{ width: 100%; max-width:420px; height: auto; } .prettyprint{ border: none; background: #fafafa; color: #697d86; } .swiper-button-prev { background-image: url("../images/arrow01.png") !important; } .swiper-button-next { background-image: url("../images/arrow02.png") !important; } .button-prev02{ margin-top:0; }
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/05/24 09:30