https://www.goo-net.com/lp/search/goonetcm_202607/js/cm_introduce.js?202608261314

1new Swiper ('.step1_swiper1', {
2  slidesPerView : 1.073,
3  spaceBetween : 16,
4  breakpoints: {
5    768: {
6      slidesPerView : 3.12,
7      spaceBetween : '1.62%',
8      navigation: {
9        nextEl: '.swiper-button-next-step1',
10        prevEl: '.swiper-button-prev-step1',
11      },
12    }
13  }
14})
15
16let mySwiperPC=document.querySelectorAll('.step_swiper_pc');
17for(let i=0;i<mySwiperPC.length;i++) {
18  new Swiper ('.step_swiper_pc'+i, {
19    navigation: {
20      nextEl: '.swiper-button-next-pc'+i,
21      prevEl: '.swiper-button-prev-pc'+i,
22    },
23  })
24}
25
26let mySwiperSp=document.querySelectorAll('.step_swiper_sp');
27for(let i=0;i<mySwiperSp.length;i++) {
28  new Swiper ('.step_swiper_sp'+i, {
29    navigation: {
30      nextEl: '.swiper-button-next-sp'+i,
31      prevEl: '.swiper-button-prev-sp'+i,
32    },
33  })
34}
35
36new Swiper ('.video_swiper', {
37  slidesPerView : 1.826,
38  spaceBetween : '2.82%',
39  breakpoints: {
40    768: {
41      slidesPerView : 3,
42      spaceBetween : '1.4%',
43    }
44  }
45})
46
47var cm_introduce = document.querySelector('.cm_introduce');
48var video_list = document.querySelectorAll('.cm_introduce_video .video_list');
49var popup_movie_play = document.querySelector('.popup_movie_play');
50var close_movie_popup = document.querySelector('.close_movie_popup');
51var movie_main = document.querySelector('.movie_main');
52var showDetailModalScroll = 0;
53function showBtn() {
54  showDetailModalScroll = window.scrollY;
55  cm_introduce.style.cssText = "position:fixed;overflow:hidden;left: 0;";
56  cm_introduce.style.top = (showDetailModalScroll * -1) + 'px';
57  cm_introduce.style.height = 'auto';  
58  popup_movie_play.style.display = "flex";
59}
60function closeBtn() {
61  popup_movie_play.style.display = "none";
62  cm_introduce.style.cssText = "overflow:visible;position:static;";
63  cm_introduce.style.top = '';
64  cm_introduce.style.height = '';
65  window.scrollTo(0, showDetailModalScroll);
66  inputArr = 0;
67  movie_main.children[1].src='';
68  movie_main.children[0].src='';
69}
70close_movie_popup.addEventListener('click',function() {
71  closeBtn();
72})
73popup_movie_play.addEventListener('click',function(e) {
74  if(!movie_main.contains(e.target)) {
75    closeBtn();
76  }
77})
78function isMobile() {
79  if(window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) {
80    return true; 
81  } else{
82    return false;
83  }
84}
85for(let i=0;i<video_list.length;i++) {
86  video_list[i].index = i;
87  video_list[i].addEventListener('click',function() {
88    if(isMobile()) {
89      var t=0;
90    }else {
91      var t=1;
92    }
93    switch(this.index) {
94      case 0:
95        movie_main.children[t].src = 'https://www.youtube.com/embed/sRf4f6W-sNw';
96        break;
97      case 1:
98        movie_main.children[t].src = 'https://www.youtube.com/embed/cr1XDMbbaM0';
99        break;
100      case 2:
101        movie_main.children[t].src = 'https://www.youtube.com/embed/Uo5Ds8niVEw';
102        break;
103      case 3:
104        movie_main.children[t].src = 'https://www.youtube.com/embed/YB13SW1sASI';
105        break;
106    }
107    showBtn();
108  })
109}
110
111/*scroll_show*/
112let a = document.querySelectorAll('.scrollMain')
113let arr1 = []
114let isFlag = false;
115let scrollTop;
116function timer(elName,elIndex) {
117  setTimeout(function(){
118      elName.classList.add("show")
119  },elIndex)
120}
121let q=0;
122function isElementInViewport(el) {
123  let rect = el.getBoundingClientRect();
124  return (
125    rect.top >= 0 &&
126    (rect.bottom-(rect.bottom-rect.top)*0.8) <=
127((window.innerHeight-250) || (document.documentElement.clientHeight-250))
128  );
129}
130window.addEventListener('scroll',function(){
131  scrollTop= window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop;
132  isFlag = true
133  if(!scrollTop <200){
134    for(let i=0;i<a.length;i++){
135        if(!a[i].classList.contains('show')){
136            if(isElementInViewport(a[i])){
137               if(arr1.indexOf(a[i]) === -1){
138                  arr1.push(a[i]);
139               }
140                for(let k=0;k<arr1.length;k++){
141                    q=1
142                    arr1[k].index = k;
143                    let elIndex = (k)*100
144                    timer(arr1[k],elIndex)
145                }
146            }
147        }
148    }}else {
149       timer(b[0],arr1.length*100)
150   }
151})
152let googleMagazineImg = document.querySelector('.sp_content.google_magazine_img');
153let YOUTUBEImg = document.querySelector('.sp_content.YOUTUBE_img');
154let onlineSearchAddress =  document.querySelector('.online_search_address');
155if (window.orientation === 90 || window.orientation === -90 ){
156   googleMagazineImg.classList.add('landscapeMain');
157   YOUTUBEImg.classList.add('landscapeMain');
158   onlineSearchAddress.classList.add('landscapeMain');
159}
160window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function() {
161   if (window.orientation === 90 || window.orientation === -90 ){ 
162       googleMagazineImg.classList.add('landscapeMain');
163       YOUTUBEImg.classList.add('landscapeMain');
164       onlineSearchAddress.classList.add('landscapeMain');
165    }  
166}, false); 
167
168
169// popup
170const popBtns = document.querySelectorAll('.cm_search_btn li');
171const popPopup = document.querySelector('.cm_search_popup');
172const popLists = document.querySelectorAll('.cm_search_popup_list');
173const popCloseBtn = document.querySelector('.cm_search_popup_close');
174
175let popScrollTop = 0;
176
177function popOpenPopup(index) {
178  popScrollTop = window.scrollY;
179
180  document.body.style.position = 'fixed';
181  document.body.style.top = `-${popScrollTop}px`;
182  document.body.style.width = '100%';
183
184  popPopup.style.display="flex";
185

186  popLists.forEach(list => list.classList.remove('current'));
187  popLists[index].classList.add('current');
188}
189
190function popClosePopup() {
191  popPopup.style.display="none";
192  document.body.style.position = '';
193  document.body.style.top = '';
194  document.body.style.width = '';
195
196  window.scrollTo(0, popScrollTop);
197}
198
199popBtns.forEach((btn, index) => {
200  btn.addEventListener('click', () => popOpenPopup(index));
201});
202
203popCloseBtn.addEventListener('click', popClosePopup);
204
205popPopup.addEventListener('click', (e) => {
206  if (e.target === popPopup) {
207    popClosePopup();
208  }
209});
210
211document.querySelectorAll('.cm_anchor_inner li a').forEach(anchor => {
212  anchor.addEventListener('click', function(e) {
213    e.preventDefault();
214
215    const targetId = this.getAttribute('href').slice(1);
216    const targetEl = document.getElementById(targetId);
217
218    if (!targetEl) return;
219
220    targetEl.scrollIntoView({
221      behavior: 'smooth',
222      block: 'start'
223    });
224  });
225});
226
227
228new Swiper('.cm_interests_swiper', {
229  slidesPerView: 1,
230  spaceBetween: 16,
231  loop: false,
232  navigation: {
233    nextEl: '.cm_interests_swiper .cm_next',
234    prevEl: '.cm_interests_swiper .cm_prev',
235  },
236   breakpoints: {
237    768: {
238      slidesPerView : 1,
239      spaceBetween : 16,
240      loop: false,
241      navigation: {
242        nextEl: '.cm_interests_swiper .cm_next',
243        prevEl: '.cm_interests_swiper .cm_prev',
244      },
245    }
246  }
247});
248
249function updateOrientation() {
250  if (window.innerWidth > 990) return;
251  if (window.innerWidth > window.innerHeight) {
252    document.body.classList.add("landscape");
253  } else {
254    document.body.classList.remove("landscape");
255  }
256}
257
258updateOrientation();
259window.addEventListener("resize", updateOrientation);