https://www.fasys.com/_assets/899ed28dbbb45fa84e7b24e1d5f6713f/js/examples/examples.gallery.js?1775268788

1/*
2Name: 			Elements - Image Gallery - Examples
3Written by: 	Okler Themes - (http://www.okler.net)
4Theme Version:	10.2.0
5*/
6(function($) {
7
8	'use strict';
9
10	/*
11	Thumb Gallery
12	*/
13	theme.fn.intObs( '.thumb-gallery-wrapper', function(){
14		var $thumbGalleryDetail = $(this).find('.thumb-gallery-detail'),
15			$thumbGalleryThumbs = $(this).find('.thumb-gallery-thumbs'),
16			flag = false,
17			duration = 300;
18
19		$thumbGalleryDetail
20			.owlCarousel({
21				items: 1,
22				margin: 10,
23				nav: true,
24				dots: false,
25				loop: false,
26				autoHeight: true,
27				navText: [],
28				rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
29			})
30			.on('changed.owl.carousel', function(e) {
31				if (!flag) {
32					flag = true;
33					$thumbGalleryThumbs.trigger('to.owl.carousel', [e.item.index-1, duration, true]);
34
35					$thumbGalleryThumbs.find('.owl-item').removeClass('selected');
36					$thumbGalleryThumbs.find('.owl-item').eq( e.item.index ).addClass('selected');
37					flag = false;
38				}
39			});
40
41		
42		$thumbGalleryThumbs
43			.owlCarousel({
44				margin: 15,
45				items: $(this).data('thumbs-items') ? $(this).data('thumbs-items') : 4,
46				nav: false,
47				center: $(this).data('thumbs-center') ? true : false,
48				dots: false,
49				rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
50			})
51			.on('click', '.owl-item', function() {
52				$thumbGalleryDetail.trigger('to.owl.carousel', [$(this).index(), duration, true]);
53			})
54			.on('changed.owl.carousel', function(e) {
55				if (!flag) {
56					flag = true;
57					$thumbGalleryDetail.trigger('to.owl.carousel', [e.item.index, duration, true]);
58					flag = false;
59				}
60			});
61
62		$thumbGalleryThumbs.find('.owl-item').eq(0).addClass('selected');
63	}, {});
64
65}).apply(this, [jQuery]);