Q&A
remodalを使いモーダルの中にswiperを実装したいです。
それぞれcssやjsを読み込んで、やってみましたが、swiperが動きませんでした。
しかし、モーダルが表示されているときに、ブラウザの幅をリサイズすると、swiperが動作しました。
※モーダル外でswiperを実装すると通常通り動きました。
どのように記述すればいいのでしょうか?
モーダルの中にswiperがうまくいかないようです。
<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"><img src="p01.jpg" alt=""/></div> <div class="swiper-slide"><img src="p02.jpg" alt=""/></div> </div> <div class="swiper-pagination"></div> </div>
const swiper = new Swiper ('.swiper-container', { autoplay: { delay: 2500, disableOnInteraction: false, }, speed: 2000, loop: true, pagination: { el: ".swiper-pagination", clickable: true, }, });
回答1件
あなたの回答
tips
プレビュー
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。