swiper.jsを利用して画像をスライドさせて表示させています。
これをボタンを押下してスライドする画像を入れ替えることはできないでしょうか?
html
1 <div class="swiper-container"> 2 <div class="swiper-wrapper"> 3 <div class="swiper-slide"><img src="0001.png" alt="Swiper01" border="0"></div> 4 <div class="swiper-slide"><img src="0002.png" alt="Swiper02" border="0"></div> 5 <div class="swiper-slide"><img src="0003.png" alt="Swiper03" border="0"></div> 6 <div class="swiper-slide"><img src="0004.png" alt="Swiper04" border="0"></div> 7 </div> 8 <div class="swiper-button-prev"></div> 9 <div class="swiper-button-next"></div> 10 </div> 11 <script src="/static/js/lib/swiper-bundle.min.js"></script> 12 <script> 13 var swiper = new Swiper('.swiper-container', { 14 navigation: { 15 nextEl: '.swiper-button-next', 16 prevEl: '.swiper-button-prev', 17 } 18 }); 19 </script>
この0001.png~0004.pngを0005.pngから0008.pngに置き換えたいです。
置き換え自体はできたのですが、スライドが効かなくなりました。
解決方法がわかる方、よろしくお願いします。
あなたの回答
tips
プレビュー