https://allyoungsc.com/js/editCustom.js

1document.addEventListener('DOMContentLoaded', function() {
2
3if (document.querySelector('.ay_store_swiper')) {
4  
5  var storeSwiper = new Swiper('.ay_store_swiper .store_img', {
6    effect: 'coverflow',
7    grabCursor: true,
8    loop: true,
9    slidesPerView: 1,
10    centeredSlides: true,
11    navigation: {
12      nextEl: '.swiper-button-next',
13      prevEl: '.swiper-button-prev',
14    },
15    pagination: {
16      el: '.swiper-pagination',
17      clickable: true,
18    },
19    autoplay: {
20      delay: 3000,
21      disableOnInteraction: false,
22      pauseOnMouseEnter: true,
23    },
24    coverflowEffect: {
25      rotate: 15,
26      stretch: -40,
27      depth: 100,
28      modifier: 1,
29      slideShadows: true,
30    },
31    breakpoints: {
32      601: {
33        slidesPerView: 1.5,
34        coverflowEffect: {
35          modifier: 1.5,
36        }
37      },
38      1025: {
39        slidesPerView: 2,
40        coverflowEffect: {
41          modifier: 2,
42        }
43      },
44      1601: {
45        slidesPerView: 2.9,
46        coverflowEffect: {
47          rotate: 15,
48          stretch: -55,
49          modifier: 3,
50        }
51      },
52    },
53  });
54}
55
56if (document.querySelector('.ay_360_box')) {
57  $('.ay_360Btn a').eq(0).addClass('activeBtn');
58  $('.ay_360Cont').eq(0).addClass('activeMap').show().siblings('.ay_360Cont').hide();
59
60  $('.ay_360Btn a').click(function(e){
61    e.preventDefault();
62    let $this = $(this);
63    let target = $this.attr('name');
64    let $thisCont = $('#' + target);
65    $thisCont.show().siblings('.ay_360Cont').hide();
66    $this.addClass('activeBtn').siblings().removeClass('activeBtn');
67  });
68};
69
70})