let mySwiper3 = document.querySelectorAll(".mySwiper3");
let mySwiper2 = document.querySelectorAll(".mySwiper2");
for (let i = 0; i < mySwiper3.length; i++) {
const swiper2 = new Swiper(mySwiper3[i], {
loop: true,
spaceBetween: 30,
slidesPerView: 4,
freeMode: true,
watchSlidesProgress: true,
observer: true,
observeParents: true,
});
for (let j = 0; j < mySwiper2.length; j++) {
const swiper1 = new Swiper(mySwiper2[j], {
loop: true,
spaceBetween: 10,
observer: true,
observeParents: true,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
thumbs: {
swiper: swiper2,
},
});
}
}<div class="box">
<iframe src="https://i.pinimg.com/736x/98/b9/52/98b952001792e2b836669abf4d853712.jpg" frameborder="0"> </iframe>
</div>
iframe {
width: 100%;
height: 100%;
}
.box{
height: 400px
}