https://tokai-auto.ru/netcat_template/template/10/js/dev.js?111

1$(function(){
2
3	/* Auth */
4
5	$('.js-show-sms-form').click(function(){
6		$('.new-auth-top').slideUp();
7		$('.protect-form').slideDown();
8	})
9
10	$('.js-show-tg-form').click(function(){
11		$('.new-auth-top').slideDown();
12		$('.protect-form').slideUp();
13	})
14
15	$('.js-modal-show').on('click', function(){
16		var currentModalWindow = $(this).attr("href");
17		console.log(currentModalWindow);
18		var BoxName = $(this).data('title');
19		if (BoxName!='undefined') {
20			$(currentModalWindow).find('.modal__title').html(BoxName);
21		}
22	})
23
24
25  /* Расписание японских аукционов */
26  $('.tab_swicher .dayName').click(function(){
27    let tt = $(this).attr('data-id');
28    $('.tab_swicher .dayName.active').removeClass('active');
29    $(this).addClass('active')
30    $('.days_blocks:not(#days_blocks_'+tt+')').removeClass('active');
31    $('.days_blocks#days_blocks_'+tt).addClass('active')
32  })
33
34  $('.popular_brands .tab_swicher').find('.country:first').addClass('active');
35  $('.popular_brands .popular_brands_tab_cont').find('.popular_brands_blocks:first').addClass('active');
36
37  /* Блок с популярными брендами */
38  $('.tab_swicher .country').click(function(){
39    let tt = $(this).attr('data-id');
40    $('.tab_swicher .country.active').removeClass('active');
41    $(this).addClass('active')
42    $('.popular_brands_blocks:not(#popular_brands_'+tt+')').removeClass('active');
43    $('.popular_brands_blocks#popular_brands_'+tt).addClass('active')
44  })
45
46  $(".jpmap__map .rgn").on("click", function() {
47      let trg = $(this).data("target");
48      $(this).addClass("active").siblings(".rgn").removeClass("active hover");
49      $(".auc-accordion__section." + trg).find(".auc-accordion__text").slideDown();
50      $(".auc-accordion__section." + trg).addClass("active");
51      $(".auc-accordion__section." + trg).siblings(".auc-accordion__section").find(".auc-accordion__text").slideUp();
52      $(".auc-accordion__section." + trg).siblings(".auc-accordion__section").removeClass("active")
53  });
54
55  $(".region-labels__item").hover(function() {
56      let trg = $(this).data("target");
57      $(".rgn." + trg).addClass("hover").siblings(".rgn").removeClass("hover")
58  }, function() {
59      let trg = $(this).data("target");
60      $(".rgn." + trg).removeClass("hover")
61  });
62  
63  $(".region-labels__item").on("click", function() {
64      let trg = $(this).data("target");
65      $(".rgn." + trg).addClass("active").siblings(".rgn").removeClass("active hover");
66      $(".auc-accordion__section." + trg).find(".auc-accordion__text").slideDown();
67      $(".auc-accordion__section." + trg).addClass("active");
68      $(".auc-accordion__section." + trg).siblings(".auc-accordion__section").find(".auc-accordion__text").slideUp();
69      $(".auc-accordion__section." + trg).siblings(".auc-accordion__section").removeClass("active")
70  });
71
72
73	
74
75})
76
77// Для фото
78Fancybox.bind("[data-fancybox]", {});
79
80// Для видео
81Fancybox.bind("[data-fancybox-video]", {
82  Thumbs: false,
83  type: "iframe",
84  fitToView: true,
85  iframe: {
86    css: {
87      width: "100%",
88      height: "auto",   // Высота будет автоматически рассчитываться
89    },
90  },
91  on: {
92    afterLoad: (fancybox, slide) => {
93      if (!slide || !slide.$content) {
94        console.error("Контент не загружен или отсутствует $content.");
95        return;
96      }
97
98      const iframe = slide.$content.querySelector("iframe");
99      if (iframe) {
100        iframe.onload = () => {
101          const aspectRatio = 16 / 9;
102          const maxHeight = window.innerHeight * 0.9; // 90% от высоты экрана
103
104          // Рассчитываем максимальную ширину для iframe с сохранением пропорций
105          const iframeWidth = Math.min(iframe.offsetWidth, maxHeight * aspectRatio);
106          const iframeHeight = iframeWidth / aspectRatio;
107
108          iframe.style.width = `${iframeWidth}px`;
109          iframe.style.height = `${iframeHeight}px`;
110        };
111      }
112    },
113  },
114});
115
116
117
118
119
120