https://mittenvinyl.com.au/wp-content/themes/editech-child/js/custom.js?ver=1.1

1jQuery(document).ready(function () {
2  jQuery(window).scroll(function () {
3    if (jQuery(this).scrollTop() > 50) {
4      jQuery("div.site-header").addClass("sticky");
5    } else {
6      jQuery("div.site-header").removeClass("sticky");
7    }
8  });
9});
10
11(function () {
12  const burger = document.querySelector(".burger");
13  navmenu = document.querySelector(".elementor-nav-menu--main");
14  burger.addEventListener("click", () => {
15    burger.classList.toggle("burger_active");
16    navmenu.classList.toggle("open_active");
17  });
18})();
19
20//click on change image
21jQuery(document).ready(function () {
22  jQuery(".colourswatches li a").click(function () {
23    classname = jQuery(this).attr("class");
24    img = jQuery(this).attr("data-image");
25    jQuery(".custom_img").attr(
26      "class",
27      "elementor-element elementor-element-0746761 custom_img elementor-widget elementor-widget-image " +
28        classname
29    );
30    jQuery(".custom_img  img").attr("src", img);
31    jQuery(".custom_img  img").attr("srcset", img);
32
33    jQuery("li a").removeClass("active");
34    jQuery(this).addClass("active");
35  });
36});
37
38//-----Tab ----------
39jQuery(document).ready(function ($) {
40  var delay = 10;
41  setTimeout(function () {
42    $(".elementor-tab-title").removeClass("elementor-active");
43    $("#elementor-tab-content-1242").css("display", "none");
44    $("#elementor-tab-content-1243").css("display", "none");
45    $("#elementor-tab-content-1244").css("display", "none");
46  }, delay);
47});
48//--------------------------
49
50jQuery(document).ready(function () {
51  var sub_width = 0;
52  var sub_height = 0;
53  jQuery(".large").css(
54    "background",
55    "url('" + jQuery(".small").attr("src") + "') no-repeat"
56  );
57
58  jQuery(".zoom-area").mousemove(function (e) {
59    if (!sub_width && !sub_height) {
60      var image_object = new Image();
61      image_object.src = jQuery(".small").attr("src");
62      sub_width = image_object.width;
63      sub_height = image_object.height;
64    } else {
65      var magnify_position = $(this).offset();
66
67      var mx = e.pageX - magnify_position.left;
68      var my = e.pageY - magnify_position.top;
69
70      if (
71        mx < jQuery(this).width() &&
72        my < jQuery(this).height() &&
73        mx > 0 &&
74        my > 0
75      ) {
76        jQuery(".large").fadeIn(100);
77      } else {
78        jQuery(".large").fadeOut(100);
79      }
80      if (jQuery(".large").is(":visible")) {
81        var rx =
82          Math.round(
83            (mx / jQuery(".small").width()) * sub_width -
84              jQuery(".large").width() / 2
85          ) * -1;
86        var ry =
87          Math.round(
88            (my / jQuery(".small").height()) * sub_height -
89              jQuery(".large").height() / 2
90          ) * -1;
91
92        var bgp = rx + "px " + ry + "px";
93
94        var px = mx - jQuery(".large").width() / 2;
95        var py = my - jQuery(".large").height() / 2;
96
97        jQuery(".large").css({ left: px, top: py, backgroundPosition: bgp });
98      }
99    }
100  });
101
102  var sub_width1 = 0;
103  var sub_height1 = 0;
104  jQuery(".large1").css(
105    "background",
106    "url('" + jQuery(".small1").attr("src") + "') no-repeat"
107  );
108
109  jQuery(".zoom-area1").mousemove(function (e) {
110    if (!sub_width1 && !sub_height1) {
111      var image_object1 = new Image();
112      image_object1.src = jQuery(".small1").attr("src");
113      sub_width1 = image_object1.width;
114      sub_height1 = image_object1.height;
115    } else {
116      var magnify_position1 = $(this).offset();
117
118      var mx1 = e.pageX - magnify_position1.left;
119      var my1 = e.pageY - magnify_position1.top;
120
121      if (
122        mx1 < jQuery(this).width() &&
123        my1 < jQuery(this).height() &&
124        mx1 > 0 &&
125        my1 > 0
126      ) {
127        jQuery(".large1").fadeIn(100);
128      } else {
129        jQuery(".large1").fadeOut(100);
130      }
131      if (jQuery(".large1").is(":visible")) {
132        var rx1 =
133          Math.round(
134            (mx1 / jQuery(".small1").width()) * sub_width1 -
135              jQuery(".large1").width() / 2
136          ) * -1;
137        var ry1 =
138          Math.round(
139            (my1 / jQuery(".small1").height()) * sub_height1 -
140              jQuery(".large1").height() / 2
141          ) * -1;
142
143        var bgp1 = rx1 + "px " + ry1 + "px";
144
145        var px1 = mx1 - jQuery(".large1").width() / 2;
146        var py1 = my1 - jQuery(".large1").height() / 2;
147
148        jQuery(".large1").css({
149          left: px1,
150          top: py1,
151          backgroundPosition: bgp1,
152        });
153      }
154    }
155  });
156
157  var sub_width2 = 0;
158  var sub_height2 = 0;
159  jQuery(".large2").css(
160    "background",
161    "url('" + jQuery(".small2").attr("src") + "') no-repeat"
162  );
163
164  jQuery(".zoom-area2").mousemove(function (e) {
165    if (!sub_width2 && !sub_height2) {
166      var image_object2 = new Image();
167      image_object2.src = jQuery(".small2").attr("src");
168      sub_width2 = image_object2.width;
169      sub_height2 = image_object2.height;
170    } else {
171      var magnify_position2 = $(this).offset();
172
173      var mx2 = e.pageX - magnify_position2.left;
174      var my2 = e.pageY - magnify_position2.top;
175
176      if (
177        mx2 < jQuery(this).width() &&
178        my2 < jQuery(this).height() &&
179        mx2 > 0 &&
180        my2 > 0
181      ) {
182        jQuery(".large2").fadeIn(100);
183      } else {
184        jQuery(".large2").fadeOut(100);
185      }
186      if (jQuery(".large2").is(":visible")) {
187        var rx2 =
188          Math.round(
189            (mx2 / jQuery(".small2").width()) * sub_width2 -
190              jQuery(".large2").width() / 2
191          ) * -1;
192        var ry2 =
193          Math.round(
194            (my2 / jQuery(".small2").height()) * sub_height2 -
195              jQuery(".large2").height() / 2
196          ) * -1;
197
198        var bgp2 = rx2 + "px " + ry2 + "px";
199
200        var px2 = mx2 - jQuery(".large2").width() / 2;
201        var py2 = my2 - jQuery(".large2").height() / 2;
202
203        jQuery(".large2").css({
204          left: px2,
205          top: py2,
206          backgroundPosition: bgp2,
207        });
208      }
209    }
210  });
211
212  var sub_width3 = 0;
213  var sub_height3 = 0;
214  jQuery(".large3").css(
215    "background",
216    "url('" + jQuery(".small3").attr("src") + "') no-repeat"
217  );
218
219  jQuery(".zoom-area3").mousemove(function (e) {
220    if (!sub_width3 && !sub_height3) {
221      var image_object3 = new Image();
222      image_object3.src = jQuery(".small3").attr("src");
223      sub_width3 = image_object3.width;
224      sub_height3 = image_object3.height;
225    } else {
226      var magnify_position3 = $(this).offset();
227
228      var mx3 = e.pageX - magnify_position3.left;
229      var my3 = e.pageY - magnify_position3.top;
230
231      if (
232        mx3 < jQuery(this).width() &&
233        my3 < jQuery(this).height() &&
234        mx3 > 0 &&
235        my3 > 0
236      ) {
237        jQuery(".large3").fadeIn(100);
238      } else {
239        jQuery(".large3").fadeOut(100);
240      }
241      if (jQuery(".large3").is(":visible")) {
242        var rx3 =
243          Math.round(
244            (mx3 / jQuery(".small3").width()) * sub_width3 -
245              jQuery(".large3").width() / 2
246          ) * -1;
247        var ry3 =
248          Math.round(
249            (my3 / jQuery(".small3").height()) * sub_height3 -
250              jQuery(".large3").height() / 2
251          ) * -1;
252
253        var bgp3 = rx3 + "px " + ry3 + "px";
254
255        var px3 = mx3 - jQuery(".large3").width() / 2;
256        var py3 = my3 - jQuery(".large3").height() / 2;
257
258        jQuery(".large3").css({
259          left: px3,
260          top: py3,
261          backgroundPosition: bgp3,
262        });
263      }
264    }
265  });
266});