script.js

$(document).ready(function(){

  // Галерея на главной
  var gallery = $('#gallery');
  gallery.owlCarousel({
    items: 4,                 // одновременно 4 миниатюры
    loop: true,               // включаем петлю
    center: true,             // центрируем активную миниатюру
    mouseDrag: false,         // отключаем перетаскивание мышом
  });

  // Следим за изменением в галерее (смена активного слайда)
  gallery.on('changed.owl.carousel',function(property){
    var current = property.item.index;
    var src = gallery.find(".owl-item").eq(current).find("img").data('large-img-url');
    $('#gallery-large-img').attr('src', src );
  });

  // Следим за кликами на мириатюрах галереи
  $('#gallery img[data-large-img-url]').on('mousedown', function(){
    $('#gallery-large-img').attr('src', $(this).data('large-img-url') );
  });

});