https://exthem.es/wp-content/themes/mayosis/js/gallery.main.js

1jQuery(document).ready(function($){
2     var galleryThumbssalad = new Swiper('.mayosis-gallery-thumbnail-default', {
3   spaceBetween: 10,
4        slidesPerView: 4,
5        freeMode: true,
6      touchRatio: 0.2,
7      slideToClickedSlide: true,
8			loop: true,
9			loopedSlides: 50
10  });
11  
12var galleryTop = new Swiper('.mayosis-product-gallery-main-bx', {
13     slidesPerView: 1,
14    centeredSlides: true,
15    navigation: {
16        nextEl: '.swiper-button-next',
17        prevEl: '.swiper-button-prev',
18      },
19    spaceBetween: 10,
20    keyboard: {
21    enabled: true,
22    onlyInViewport: false,
23  },
24    loop: true,
25			loopedSlides: 50,
26    pagination: {
27        el: '.swiper-pagination',
28        type: 'fraction',
29        clickable: true,
30    },
31   
32});
33     if (document.querySelector(".mayosis-product-gallery-main-bx")) {
34    galleryTop.controller.control = galleryThumbssalad;
35    galleryThumbssalad.controller.control = galleryTop;
36     }
37
38
39
40var galleryWtThumb = new Swiper('.mayosis-product-gallery-main-bx-wt-thumb', {
41     slidesPerView: 1,
42    navigation: {
43        nextEl: '.swiper-button-next',
44        prevEl: '.swiper-button-prev',
45      },
46    spaceBetween: 10,
47    keyboardControl: true,
48    loop: true,
49    pagination: {
50        el: '.swiper-pagination',
51        type: 'fraction',
52        clickable: true,
53    },
54});
55
56
57
58var galleryCarouselmsb = new Swiper('.mayosis-product-gallery-main-bx-carousel', {
59     slidesPerView: 3,
60    navigation: {
61        nextEl: '.swiper-button-next',
62        prevEl: '.swiper-button-prev',
63      },
64    spaceBetween: 10,
65    keyboardControl: true,
66    loop: true,
67    pagination: {
68        el: '.swiper-pagination',
69        type: 'fraction',
70        clickable: true,
71    },
72});
73
74
75
76var galleryThumnailSlides = new Swiper('.mayosis-product--gallery--thumnail_msb', {
77     slidesPerView: 1,
78    navigation: {
79        nextEl: '.swiper-button-next',
80        prevEl: '.swiper-button-prev',
81      },
82    spaceBetween: 10,
83    keyboardControl: true,
84    loop: true,
85    
86    pagination: {
87          el: ".swiper-pagination",
88          dynamicBullets: true,
89          clickable:true
90        },
91});
92    
93      
94
95var gallerySideMain = new Swiper('.mayosis-product-gallery-main-bx-side-thumbs', {
96			slidesPerView: 1,  
97      loop: true,
98      loopedSlides: 50,
99      navigation: {
100        nextEl: '.swiper-button-next',
101        prevEl: '.swiper-button-prev',
102      },
103      
104       pagination: {
105        el: '.swiper-pagination',
106        type: 'fraction',
107        clickable: true,
108    },
109    
110   
111      
112    });
113    
114    
115     var gallerySideThumbs = new Swiper('.mayosis-gallery-thumbnail-sidethumbs', {
116   direction: 'vertical',
117      slidesPerView: 5,
118      slideToClickedSlide: true,
119      spaceBetween: 10,
120      loopedSlides: 50,
121      loop: true,
122  });
123    
124     if (document.querySelector(".mayosis-product-gallery-main-bx-side-thumbs")) {
125    gallerySideMain.controller.control = gallerySideThumbs;
126gallerySideThumbs.controller.control = gallerySideMain;
127}
128    
129
130    
131
132    jQuery(".swiper-slide-zoom").click(function(event) {
133
134        jQuery(event.target).closest(".mayosis-main-product-slide-box-mcd").addClass("social-share-hide");
135        jQuery(event.target).closest(".swiper-container").addClass("fullscreen");
136        setTimeout(function() {
137            galleryTop.update();
138        }, 1);
139        
140        setTimeout(function() {
141            galleryWtThumb.update();
142        }, 1);
143        
144        
145          setTimeout(function() {
146            gallerySideMain.update();
147        }, 1);
148        
149        
150         setTimeout(function() {
151            galleryCarouselmsb.update();
152        }, 1);
153        
154    });
155
156jQuery(".close-button").click(function(event) {
157    jQuery(".mayosis-main-product-slide-box-mcd").removeClass("social-share-hide");
158    jQuery(".swiper-container").removeClass("fullscreen");
159	setTimeout(function() {
160            galleryTop.update();
161        }, 1);
162        
163        setTimeout(function() {
164            galleryWtThumb.update();
165        }, 1);
166        
167         setTimeout(function() {
168            gallerySideMain.update();
169        }, 1);
170        
171         setTimeout(function() {

172            galleryCarouselmsb.update();
173        }, 1);
174});
175    
176
177});