Swipe galerie na mobilu

Script:

$(function () {
if (window.innerWidth >= 768) return;
if (!$('.p-image-wrapper').length) return;

var main = $('.p-image-wrapper .p-image');
var thumbs = $('.p-thumbnails-wrapper .p-thumbnail');
var slider = $('<div class="gallery_slider"></div>');

slider.append(main.clone());

thumbs.each(function (index) {
if (index === 0) return;

var href = $(this).attr('href').replace('/related/', '/big/');
var imgSrc = $(this).find('img').data('src').replace('/related/', '/big/');

var clone = main.clone();
clone.find('a.p-main-image').attr('href', href);
clone.find('img').attr('src', imgSrc).attr('data-src', imgSrc);

slider.append(clone);
});

$('.p-image-wrapper .p-image').replaceWith(slider);

slider.slick({
dots: false,
arrows: false,
infinite: false,
swipe: true,
mobileFirst: true,
adaptiveHeight: true
});

thumbs.each(function (i) {
$(this).on('click', function (e) {
e.preventDefault();
slider.slick('slickGoTo', i);
});
});

slider.on('afterChange', function (event, slick, current) {
thumbs.removeClass('highlighted');
thumbs.eq(current).addClass('highlighted');
});

thumbs.removeClass('highlighted');
thumbs.eq(0).addClass('highlighted');
});