Почему не работает swiper?

Question

[Oleg Sevoc]

Всем доброго времени суток, делаю swipper и в него внедрил JQuery Lightgallery что бы можно было открывать картинку на весь экран , но как только я это делаю перестаёт крутиться мой swiper .
Если убрать a href в div class="swiper-slide то перестаёт работать JQuery Lightgallery , но работает swipper

<div class="swiper_box_one ">
    <div class="swiper-container gallery-top">
<div class="lightgallery  swiper-wrapper " id="img_swip">




                                                    <a href="img/1.jpg">
                                                        <div class="swiper-slide  ">
                                                            <img src="img/1.jpg" />
                                                        </div>

                                                    </a>

                                                    <a href="img/2.jpeg">
                                                        <div class="swiper-slide ">
                                                            <img src="img/2.jpeg " />
                                                        </div>

                                                    </a>

                                                    <a href="img/3.jpg">
                                                        <div class="swiper-slide ">

                                                            <img src="img/3.jpg" />

                                                        </div>
                                                    </a>






                                                </div>





                                                <!-- Add Arrows -->
                                                <!-- <div class="swiper-button-next swiper-button-white"></div>
                                                    <div class="swiper-button-prev swiper-button-white"></div> -->

                                                <div class="swiper-container gallery-thumbs">
                                                    <div class="swiper-wrapper" id="wrapper_img">


                                                        <div class="swiper-slide"> <img src="img/1.jpg" alt=""></div>
                                                        <div class="swiper-slide"> <img src="/img/2.jpeg" alt=""></div>
                                                        <div class="swiper-slide"><img src="img/3.jpg" alt=""> </div>
                                                    </div>
                                                </div>


                                            </div>

                                        </div>

Это swipper

var galleryTop = new Swiper('.gallery-top', {
    spaceBetween: 10,

    loop: true,
    loopedSlides: 5, //looped slides should be the same

    thumbs: {
        swiper: galleryThumbs,
    },
});


var galleryThumbs = new Swiper('.gallery-thumbs-one', {
    simulateTouch: true,
    spaceBetween: 10,
    slidesPerView: 3,
    loop: true,
    // freeMode: true,
    loopedSlides: 5, //looped slides should be the same
    watchSlidesVisibility: true,
    watchSlidesProgress: true,




});

это 
  $('.lightgallery').lightGallery({
            thumbnail: true,
            animateThumb: true,
            showThumbByDefault: true
        });

Answer 1

[Алекс Глебов]

не swiper-slide оборачивай в ссылку, а только картинку

Comments

[Oleg Sevoc]

Если так то не работает увеличить картинку

<div class="swiper-slide ">
       <a href="img/3.jpg">
            <img src="img/3.jpg" />
              </a>
               </div>

[Oleg Sevoc]

вот что получатся и сразу 2 копии картинки делает

[Алекс Глебов]

Oleg Sevoc, так должно заработать

$('.lightgallery').lightGallery({
        selector: 'a'
    });

[Алекс Глебов]

копии картинки из-за loop: true
я обычно его убираю, но можно в селекторе lightgallery, прописать что то вроде div:not(.swiper-dublicate) a

[Oleg Sevoc]

Алекс Глебов, Спасибо заработало только дубликаты остались

[Oleg Sevoc]

Поставил loop:false и дубликаты убрались, спасибо большое, столько времени потратил а вы за пару минут сделали, спасибо!