$(window).resize(function(){ if (window.innerWidth > 1023) { // 다바이스 크기가 480이상일때 (function($) { "use strict"; //Page cursors //document.getElementsByTagName("body")[0].addEventListener("mousemove", function(n) { // t.style.left = n.clientX + "px", // t.style.top = n.clientY + "px", // e.style.left = n.clientX + "px", // e.style.top = n.clientY + "px", // i.style.left = n.clientX + "px", // i.style.top = n.clientY + "px" // }); var t = document.getElementById("cursor"), e = document.getElementById("cursor2"), i = document.getElementById("cursor3"); function n(t) { e.classList.add("hover"), i.classList.add("hover") } function s(t) { e.classList.remove("hover"), i.classList.remove("hover") } s(); for (var r = document.querySelectorAll(".hover-target"), a = r.length - 1; a >= 0; a--) { o(r[a]) } function o(t) { t.addEventListener("mouseover", n), t.addEventListener("mouseout", s) } $(document).ready(function() { /* Hero Case study images */ //$('.case-study-name').on('mouseover', function() { //$('.case-study-images').addClass('img'); //}) //$('.case-study-name').on('mouseleave', function() { // $('.case-study-images').removeClass('img'); //}) $('.case-study-name:nth-child(1)').on('mouseover', function() { $('.case-study-name.active').removeClass('active'); $('.case-study-name.be').removeClass('be'); $('.case-study-images li.show').removeClass("show"); $('.case-study-images li:nth-child(1)').addClass("show"); $('.case-study-name:nth-child(1)').addClass('active'); $('.case-study-name:nth-child(2)').addClass('be'); $('.case-study-name:nth-child(3)').addClass('be'); }) $('.case-study-name:nth-child(2)').on('mouseover', function() { $('.case-study-name.active').removeClass('active'); $('.case-study-name.be').removeClass('be'); $('.case-study-images li.show').removeClass("show"); $('.case-study-images li:nth-child(2)').addClass("show"); $('.case-study-name:nth-child(2)').addClass('active'); $('.case-study-name:nth-child(1)').addClass('be'); $('.case-study-name:nth-child(3)').addClass('be'); }) $('.case-study-name:nth-child(3)').on('mouseover', function() { $('.case-study-name.active').removeClass('active'); $('.case-study-name.be').removeClass('be'); $('.case-study-images li.show').removeClass("show"); $('.case-study-images li:nth-child(3)').addClass("show"); $('.case-study-name:nth-child(3)').addClass('active'); $('.case-study-name:nth-child(1)').addClass('be'); $('.case-study-name:nth-child(2)').addClass('be'); }) $('.case-study-name:nth-child(1)').on('mouseleave', function() { $('.case-study-images li:nth-child(1)').removeClass("show"); $('.case-study-name:nth-child(1)').removeClass('active'); }) $('.case-study-name:nth-child(3)').on('mouseleave', function() { $('.case-study-images li:nth-child(3)').removeClass("show"); $('.case-study-name:nth-child(3)').removeClass('active'); }) $('.case-study-name:nth-child(0)').trigger('mouseover') }); })(jQuery); } else { (function($) { "use strict"; //Page cursors //document.getElementsByTagName("body")[0].addEventListener("mousemove", function(n) { // t.style.left = n.clientX + "px", // t.style.top = n.clientY + "px", // e.style.left = n.clientX + "px", // e.style.top = n.clientY + "px", // i.style.left = n.clientX + "px", // i.style.top = n.clientY + "px" // }); var t = document.getElementById("cursor"), e = document.getElementById("cursor2"), i = document.getElementById("cursor3"); function n(t) { e.classList.add("hover"), i.classList.add("hover") } function s(t) { e.classList.remove("hover"), i.classList.remove("hover") } s(); for (var r = document.querySelectorAll(".hover-target"), a = r.length - 1; a >= 0; a--) { o(r[a]) } function o(t) { t.addEventListener("click", n), t.addEventListener("mouseout", s) } $(document).ready(function() { /* Hero Case study images */ //$('.case-study-name').on('click', function() { //$('.case-study-images').addClass('img'); //}) //$('.case-study-name').on('mouseleave', function() { // $('.case-study-images').removeClass('img'); //}) $('.case-study-name:nth-child(1)').on('click', function() { $('.case-study-name.active').removeClass('active'); $('.case-study-name.be').removeClass('be'); $('.case-study-images li.show').removeClass("show"); $('.case-study-images li:nth-child(1)').addClass("show"); $('.case-study-name:nth-child(1)').addClass('active'); $('.case-study-name:nth-child(2)').addClass('be'); $('.case-study-name:nth-child(3)').addClass('be'); }) $('.case-study-name:nth-child(2)').on('click', function() { $('.case-study-name.active').removeClass('active'); $('.case-study-name.be').removeClass('be'); $('.case-study-images li.show').removeClass("show"); $('.case-study-images li:nth-child(2)').addClass("show"); $('.case-study-name:nth-child(2)').addClass('active'); $('.case-study-name:nth-child(1)').addClass('be'); $('.case-study-name:nth-child(3)').addClass('be'); }) $('.case-study-name:nth-child(3)').on('click', function() { $('.case-study-name.active').removeClass('active'); $('.case-study-name.be').removeClass('be'); $('.case-study-images li.show').removeClass("show"); $('.case-study-images li:nth-child(3)').addClass("show"); $('.case-study-name:nth-child(3)').addClass('active'); $('.case-study-name:nth-child(1)').addClass('be'); $('.case-study-name:nth-child(2)').addClass('be'); }) $('.case-study-name:nth-child(1)').on('mouseleave', function() { $('.case-study-images li:nth-child(1)').removeClass("show"); $('.case-study-name:nth-child(1)').removeClass('active'); }) $('.case-study-name:nth-child(3)').on('mouseleave', function() { $('.case-study-images li:nth-child(3)').removeClass("show"); $('.case-study-name:nth-child(3)').removeClass('active'); }) $('.case-study-name:nth-child(0)').trigger('click') }); })(jQuery); } }).resize();