https://daehanjujo.kr/js/main.js

1$(document).ready(function() {
2
3	$(window).on('scroll', function() {
4        //$(window).scrollTop() > 0 ? $('#header_casting').addClass('on') : $('#header_casting').removeClass('on');
5
6        if($(window).scrollTop() > 0){
7            $('#header_casting').addClass('on').on('mouseleave', function(){
8                $(this).addClass('on');
9            })
10        }else{
11            $('#header_casting').removeClass('on').on('mouseleave', function(){
12                $(this).removeClass('on');
13            })
14            
15        }
16	});
17
18    $('.top').on('click', function(){
19        $('html, body').animate({scrollTop: '0'}, 500);
20    })
21
22    $('#header_casting').on('mouseenter', function(){
23        $(this).addClass('on');
24    })
25
26    $('#header_casting').on('mouseleave', function(){
27        $(this).removeClass('on');
28    })
29
30    $('.thisMenu').on('click', function(){
31        $('.casting-gnb').toggleClass('on');
32        $(this).toggleClass('close_menu');
33    })
34
35    function mobile_menu_open(){
36        var windowWidth = $( window ).innerWidth();
37        if(windowWidth < 768) {
38            $(".casting-gnb > li").on('click', function () {
39                $(".casting-gnb > li").removeClass('on');
40                $(this).addClass('on');
41            });
42        }
43    }
44
45    $(window).resize(function() {
46        mobile_menu_open();
47    });
48    mobile_menu_open();
49    
50    
51    var $status = $('.pagingInfo');
52    var $slickElement = $('.visual_casting');
53
54    $slickElement.on('init reInit afterChange', function(event, slick, currentSlide, nextSlide){
55        var i = (currentSlide ? currentSlide : 0) + 1;
56        $status.html(i + '<span class="totalLength"> / ' + slick.slideCount + '</span>');
57    });
58
59    $slickElement.slick({
60        autoplay: true,
61        prevArrow : $('.mainPrev'), 
62        nextArrow : $('.mainNext'), 
63    });
64
65    var productVisual = $('.productSwipe');
66    var progress = $('.progress_ing');
67    var initPercent = 100 / ($('.productSwipe').find('.productItem').length);
68    
69    progress.css('width', initPercent + '%');
70
71    productVisual.slick({
72        infinite : true,
73        autoplay: true,
74        pauseOnFocus: true,
75        pauseOnHover: true,
76        autoplaySpeed: 2000,   
77        variableWidth: true,
78        centerMode : true, 
79        prevArrow : $('.productPrev'), 
80        nextArrow : $('.productNext'), 
81    });
82
83    productVisual.on('beforeChange', function(event, slick, currentSlide, nextSlide) {
84        var calc = ((nextSlide + 1) / slick.slideCount) * 100;
85        progress.css('width', calc + '%').attr('aria-valuenow', calc);
86    });
87
88    $('.mediaSwipe').slick({
89        prevArrow : $('.prevArrow_m'), 
90        nextArrow : $('.nextArrow_m'), 
91    })
92
93    $('.play_video').on('click', function(e){
94        var videoId = $(this).attr('data-video');
95
96        e.preventDefault();
97        $('#'+videoId).addClass('open');
98    })
99
100    $('.pop_close').on('click', function(e){
101        e.preventDefault();
102        $(this).parents().parents('.videoPop').removeClass('open');
103    })
104
105    $('.counselForm').focusin(function(){
106        $(this).parents().parents('dl').addClass('on');
107        $('.counselForm').focusout(function(){
108            $('.counselForm').parents().parents('dl').removeClass('on');
109        })
110    })
111    
112});