Ребята, подскажите как вставить swiper slider в модальное окно. У меня уже отображается Swiper slider на странице, а как его в модальное окно засунуть??
Вот код Swiper:
<!-- Swiper -->
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"><img
src="//li1.cdbcdn.com/oh/7b256133-cc05-4dad-aba6-8ef144a9a55f.jpg?f=32&w=910&h=450&mode=crop"
alt=""></div>
<div class="swiper-slide"><img
src="//li1.cdbcdn.com/oh/7b256133-cc05-4dad-aba6-8ef144a9a55f.jpg?f=32&w=910&h=450&mode=crop"
alt=""></div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
Вот на JS я его инициализирую:
var swiper;
//plugin Swiper slider
function initSwiper() {
swiper = new Swiper('.swiper-container', {
autoplay: {
delay: 4000
},
slidesPerView: 1,
spaceBetween: 30,
loop: true,
pagination: {
el: '.swiper-pagination',
clickable: true
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev'
}
});
}
А как сделать так, что бы и в модальном окне он тоже был и крутился?