var galleryThumbs = new Swiper('.gallery-thumbs', { spaceBetween: 2, slidesPerView: 4, freeMode: true, //watchSlidesVisibility: true, //watchSlidesProgress: true, navigation: { nextEl: '.swiper-px-next', prevEl: '.swiper-px-prev', }, }); //var galleryTop = new Swiper('.gallery-top', { // spaceBetween: 10, // thumbs: { // swiper: galleryThumbs // } //}); var imgsrcs = $('.swiper-slide').eq(0).find('img').attr('src'); $('.gallery-thumbs .swiper-slide').mouseover(function () { let imgsrc = $(this).find('img').attr('src'); $(this).addClass("border-simg").siblings().removeClass("border-simg") // console.log() $('.jqzoom img').attr('src', imgsrc); $('.jqzoom img').attr('jqimg', imgsrc) }).eq(0).click() $(".swiper-slide").eq(0).addClass("border-simg") $('.jqzoom img').attr('src', imgsrcs); $('.jqzoom img').attr('jqimg', imgsrcs) $(".jqzoom").jqueryzoom({ xzoom: 350, yzoom: 250, offset: 10, position: "right", preload: 1, lens: 1 });