PageSourceSearch

https://www.skyvalley.co.kr/static/pc/js/custom/main.js?ver=

js skyvalley.co.kr collected 2026-10-06 00:04:52 UTC 16,389 bytes, 415 lines download raw bytes

1/*--------------------------------------------------------------
2    분류순서
3    @Variables  : 전역변수
4    @Init       : 초기실행
5    @Settings   : 기본설정
6    @Utility    : 유틸리티
7    @Layout     : 레이아웃
8    @Components : 공통모듈
9    @Content    : 컨텐츠
10--------------------------------------------------------------*/
11/*--------------------------------------------------------------
12    @Variables
13--------------------------------------------------------------*/
14/* 종류 */
15var name1 = null; 
16var main_c = {
17    /*--------------------------------------------------------------
18        @Init
19    --------------------------------------------------------------*/
20    /* 초기실행 */
21    init: function(){                
22        if ($('.intro-body').length) {                         
23            //console.log('aaaaaaaaa');
24        }
25        
26        $('.header.tap_area').addClass('dp-none');
27        
28        //this.box_main_reservation.init();
29        this.mainTopSlider.init();
30        //this.section02.init();
31        //this.section03.init();
32        //this.banner.init();   
33        
34        //var convertContent =  $('.mainCon1 section:nth-child(1)').find('.img_tt').attr('alt').replace(/(<([^>]+)>)/ig,"");
35        //console.log('convertContent:'+convertContent);
36        //alert('convertContent:'+convertContent);
37        
38        /*setTimeout(function() {
39        $('.main_res').addClass('load-02');
40        }, 1000);*/
41        //this.scroll_object.init();
42        //this.spyscroll.init();
43    },
44 
45    /* 재실행 */
46    //update function(){},
47 
48    /*--------------------------------------------------------------
49        @Settings
50    --------------------------------------------------------------*/
51    /*  
52    instarSlide : {     
53        init: function(){
54            this.event();
55        },
56        event : function(){
57            $('.instar-slide.swiper-slide').mouseover(function(){
58                $(this).find('.instar_link').css('visibility', 'visible');
59            });
60
61            $('.instar-slide.swiper-slide').mouseout(function(){
62                $(this).find('.instar_link').css('visibility', 'hidden');
63            });
64        }
65    },*/
66 
67    /*--------------------------------------------------------------
68        @Utility
69    --------------------------------------------------------------*/
70    /* 이름 */
71    object: {},    
72 
73    /*--------------------------------------------------------------
74        @Layout
75    --------------------------------------------------------------*/
76    
77    /*scroll_object: {
78    init: function init() {          
79        this.event();
80    },
81    event : function(){
82        var myFullpage = new fullpage('#fullpage', {
83            anchors: ['sec0', 'sec1', 'sec2', 'sec3'],
84            verticalCentered: true,
85            menu: '#sidemenu',
86            onLeave: function(origin, destination, direction){
87                
88                var origin = origin;
89                var destination = destination;
90                var direction = direction;
91
92                if(destination.index == 0){
93                    $('#header').removeClass('dp-none');
94                }else{
95                    $('#header').addClass('dp-none');
96                }
97                console.log('onLeave:'+ destination.index);
98    
99                //console.log("--- onLeave ---");
100                //console.log(params);
101            }
102		});
103        /*
104        var ids = '#section0'
105        var objTop = 0;
106        var objTopS = 0;
107        var gapTop = 1;
108        var objHeight = 0;
109        var objHeight = 0;
110        var scrollID = '';
111        var _this = this;
112            $('#wrapper').on('mousewheel',function(e){ 
113                var wheel = e.originalEvent.wheelDelta; 
114                if(wheel>0){ 
115                    //스크롤 올릴때 console.log('스크롤 올릴때');
116                    scrollID = ids+gapTop;
117                    objTop = $(scrollID).offset().top;
118                    objHeight = $(scrollID).height();
119                    objTopS =  objTop - objHeight;
120                    if (gapTop <= 4){
121                        
122                        if(gapTop <= 1){
123                            $('html, body').animate({scrollTop: objTopS}, 2000);
124                            gapTop = 1;
125                        }else{
126                            if(gapTop == 4){
127                                scrollID = ids + (gapTop - 1);
128                                objTop = $(scrollID).offset().top;
129                                $('html, body').animate({scrollTop: objTop}, 2000);
130                            }else{
131                                $('html, body').animate({scrollTop: objTopS}, 2000);
132                            }
133                            
134                            //console.log(gapTop);
135                            
136                            gapTop--;
137                        }
138                    }
139                    console.log('objTop:'+objTopS);
140                } else { 
141                    //스크롤  내릴때console.log('스크롤 내릴때');
142                    scrollID = ids+gapTop;
143                    objTop = $(scrollID).offset().top;   
144                    objHeight = $(scrollID).height();
145                    objTopS =  objTop + objHeight;
146                    $('html, body').animate({scrollTop: objTopS}, 2000);
147                    if (gapTop >= 4){
148                        gapTop = 4;
149                    }else{                        
150                        gapTop++;
151                    }
152                       
153                } 
154            });
155      
156        },
157    },/*
158    spyscroll: {
159        eleButton: '.spyscroll-link',
160        eleSection: '.spyscroll-sec',
161        gapTop: 0,
162        init: function() {
163            this.event();
164            this.checked();
165        },
166        event: function() {
167            var _this = this;
168            $(this.eleButton).on('click', function() {
169                _this.active($(this).attr('href'));
170                _this.selected($(this).parent().index());
171                $('.side-menu .node1-item.is-selected').toggleClass('side-menuLoad');
172                return true;
173            });
174            $(window).on('scroll', function() {
175                _this.checked();
176            })
177        },
178        active: function(id) {
179            var _this = this;
180            objTop = $(id).offset().top,
181                baseTop = 0,
182                scrTop = objTop - baseTop - this.gapTop;
183                console.log(baseTop);
184            TweenMax.to($('html, body'), 0.3, {
185                scrollTop: scrTop
186            });
187        },
188        checked: function() {
189            var _this = this;
190            $(this.eleSection).each(function(i) {
191                var activeTop = $(this).outerHeight() * 0.25;
192                var baseTop = 0;
193                if ($(window).scrollTop() + baseTop + activeTop > $(this).offset().top) {
194                    _this.selected(i);
195                } else if ($(document).height() == $(window).scrollTop() + $(window).height()) {
196                    _this.selected($(this.eleSection).length - 1);
197                }
198            })            
199        },
200        selected: function(i) {
201            $(this.eleButton).parent().eq(i).addClass('is-selected').siblings().removeClass('is-selected');
202        },
203    },*/
204    /*--------------------------------------------------------------
205        @Components
206    --------------------------------------------------------------*/
207    /* 이름 */
208    box_main_reservation: {
209        //예약 현황 롤링
210        init: function init() {            
211            setInterval(function(){ 
212                $('.list_res02 li:first').slideUp( function () { $(this).appendTo($('.list_res02')).slideDown(); });
213                $('.list_res03 li:first').slideUp( function () { $(this).appendTo($('.list_res03')).slideDown(); });
214            }, 3000);
215        }
216    },
217 
218    /*--------------------------------------------------------------
219        @Content
220    --------------------------------------------------------------*/
221    /* 이름 */
222    mainTopSlider: {
223        init: function init() {
224            var _this = this;
225            var sl_url = '';
226            var current = $('.main_visual');
227            if (current.find('.mv_box').length > 1) {
228                var mv = new Swiper(current, {
229                    wrapperClass: 'mv_inner',
230                    slideClass: 'mv_box',
231                    pagination: current.find('.swiper-pagination'),
232                    paginationClickable: true,
233                    effect: 'fade',
234                    slidesPerView: 1,
235                    autoplay: 4000,
236                    autoplayDisableOnInteraction: true,
237                    speed : 1000,
238                    loop: true,
239                    onSlideChangeStart : function(swiper){
240                        var on_Index = swiper.realIndex + 1;
241                        $('.thumbs-slide').removeClass('on');
242                        $('.thumbs-slide:nth-child('+on_Index+')').addClass('on');
243                        sl_url = swiper.slides.eq(on_Index).find('a').attr('href');
244                    }
245                });
246                $('.thumbs-slide').on('click', function (e) {
247                    e.preventDefault();
248                    //console.log($(this).index());
249                    mv.slideTo( $(this).index()+1 );
250                });                
251                $('.thumbs>.btn_close').click(function(){
252                    $('.thumbs').css('display','none')
253                });
254                $('.btn_pause').click(function(){
255                    mv.stopAutoplay();
256                });
257                $('.btn_play').click(function(){
258                    mv.startAutoplay();
259                });
260                $('.mv_inner').click(function(){
261                    $(location).attr('href',sl_url);
262                });
263            }
264        }
265    },
266    section02 : {
267        init: function init() {
268            var current = $('.section02-container');
269            var current_slide = $('.section02-slide');
270            var section02 = new Swiper(current, {
271                wrapperClass: 'section02-wrapper',
272                slideClass: 'section02-slide',
273                centeredSlides: true,
274                slidesPerView: 2,
275                initialSlide:2,
276                speed:300,
277                autoplay: {
278                    delay: 4000,   
279                },        
280                loop: true,
281                pagination: current.find('.swiper-pagination'),
282                paginationClickable: true,
283                nextButton: current.find('.swiper-button-next'),
284                prevButton: current.find('.swiper-button-prev'),
285                fadeEffect: {
286                    crossFade: true
287                },
288                onSlideChangeStart: function(swiper){
289                    var real_Index = swiper.realIndex;
290                    var convertContent = current_slide.eq(real_Index).find('.txt').text().replace(/(<([^>]+)>)/ig,"");
291                    current_slide.eq(real_Index).find('.txt').html(convertContent);
292                }
293            });
294            
295            //var convertContent = $('.section02-container').find('.txt').innerHTML.replace(/(<([^>]+)>)/ig,"");
296            //console.log(convertContent);
297        },
298    },
299    section03 : {
300        init: function init() {          
301            this.event();
302            $('#section2 .inner_tab > ul li:nth-child(1)').addClass('on');
303        },
304        event : function(){
305            var current = $('.section03-container');
306            var current_slide = $('.section03-slide');
307            var section03 = new Swiper(current, {
308                wrapperClass: 'section03-wrapper',
309                slideClass: 'section03-slide',
310                slidesPerView: 1,
311                spaceBetween: 0,
312                autoplay: 5000,
313                speed : 2000,                
314                loop: true,
315                //pagination: current.find('.swiper-pagination'),
316                paginationClickable: true,
317                onSlideChangeStart : function(swiper){
318                    var on_Index = swiper.realIndex + 1;
319                    //console.log('on_Index:'+on_Index); 
320                    $('#section2 .inner_tab > ul li').removeClass('on');      
321                    $('#section2 .inner_tab > ul li:nth-child('+on_Index+')').addClass('on');             
322                }                
323            });    
324
325            section03.on('init', function() {                 
326                $('#section2 .inner_tab > ul li:nth-child(1) a.btn_tab').click(function(){
327                    $('#section2 .inner_tab > ul li').removeClass('on');
328                    $('#section2 .inner_tab > ul li:nth-child(1)').addClass('on');
329                    section03.slideTo(1, 1000, false);
330                });
331                $('#section2 .inner_tab > ul li:nth-child(2) a.btn_tab').click(function(){
332                    $('#section2 .inner_tab > ul li').removeClass('on');
333                    $('#section2 .inner_tab > ul li:nth-child(2)').addClass('on');
334                    section03.slideTo(2, 1000, false);
335                });
336                $('#section2 .inner_tab > ul li:nth-child(3) a.btn_tab').click(function(){
337                    $('#section2 .inner_tab > ul li').removeClass('on');
338                    $('#section2 .inner_tab > ul li:nth-child(3)').addClass('on');
339                    section03.slideTo(3, 1000, false);
340                });
341            });
342            // init Swiper
343            section03.init();
344            
345            current.on('mouseenter', function(e){
346                section03.stopAutoplay();
347            });
348
349            current.on('mouseleave', function(e){
350                section03.startAutoplay();
351            });
352
353        },
354    },
355    banner : {
356        init: function init() {
357            this.event();
358        },
359        event : function(){
360            var current = $('.banner-container');
361            var current_slide = $('.banner-slide');
362            var banner = new Swiper(current, {
363                pagination: current.find('.swiper-pagination'),
364                wrapperClass: 'banner-wrapper',
365                slideClass: 'banner-slide',
366                width: '350',
367                height: '140',
368                slidesPerView : 'auto',
369                effect: 'fade',
370                loopedSlides: 3,
371                spaceBetween: 0,
372                autoplay:3000,
373                speed : 3000,
374                loop: true,
375                paginationClickable: true
376            })
377            
378            current.on('mouseenter', function(e){
379                banner.stopAutoplay();
380            });
381
382            current.on('mouseleave', function(e){
383                banner.startAutoplay();
384            });
385        }
386    }
387}
388$(function(){
389    main_c.init();
390    var $eleAnimateSec = $('.to-animate-sec');
391    var clsAnimate = 'animated';
392    var percent = 0.5;
393    var time = null;
394 
395    function action(){
396        $eleAnimateSec.each(function(){
397            var $this = $(this);
398            var objH = $this.offset().top + ($this.outerHeight() * percent);
399            var winH = $(window).scrollTop() + $(window).outerHeight();
400 
401            if (winH > objH){
402                $this.addClass(clsAnimate).addClass($this.attr('data-animate'));
403                $this.find('.to-animate').each(function(){
404                    $(this).addClass(clsAnimate).addClass($(this).attr('data-delay')).addClass($(this).attr('data-animate'));
405                })
406            }
407        })
408    }
409    $(window).on('scroll', function(){
410        clearTimeout(time);
411        time = setTimeout(function(){ action() });
412    })
413 
414    action();
415});

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.