Фотогалерея LightGallery

JS
LightGallery (Фотогалерея )
Описание

проставляем title у ссылок изображений и инициализируем (подключаем) либу фотогалереи

Код
      lightGallery(SELECTOR, 'a');
function lightGallery(block, a) {
    $(block).find(a).each(function() {
        $(this).attr('data-sub-html', $(this).find('img').attr('title'));
    });
    $(block).lightGallery({
        selector: a,
        download: false,
        fullScreen: false,
        zoom: false,
        share: false,
        thumbnail: true
    });
}

    
FIX - open lightgallery in swiper slide dublicate
Описание

Кликаем по дублированному слайду находим ее index и кликаем на нормальный слайд с таким же индексом

Код
      $(document).on('click', 'BLOCK SLIDE.swiper-slide-duplicate', function(e) {
    e.preventDefault();
    var indSlide = $(this).data('swiper-slide-index');
    // console.log( indSlide );
    $('BLOCK SLIDE:not(.swiper-slide-duplicate)[data-swiper-slide-index="' + indSlide + '"] a').click();
});

    
FIX - before openinig lightgallery, replace attribute 'data-src' with 'src'
Описание

Перед открытием галереи заменяем атрибут обратно на src вместо data-src (нужно это если используется ленивая загрузка изображений)

Код
      $('.image__big').on('onBeforeOpen.lg',function(event){
    jQuery('.image__big .image__item').each(function(){
        jQuery(this).find('img').attr('src', jQuery(this).find('img').attr('data-src') );
    });
});