/*================================================================ PR001 Module JS Version : 1.0 Release : 2018-01-16 Copyright by ONEPIXEL-STUDIO All Rights Reserved. ================================================================*/ /*================================ SUB PAGE ================================*/ // 둘러보기 스크립트 $(document).ready(function() { var old_images = []; // 최초 상태의 각 탭 메인 썸네일을 변수에 저장 $("#facilitySlider .big-thumb .thumb-list > li").each(function(i) { old_images[i] = $(this).find('img').attr('src'); i++; }); // 1단계 : 층별 탭 클릭시 보여지는 탭 내용을 교체 & 각 층의 대표 이미지로 초기화 $("#facilitySlider .big-thumb .floor-tab > li").click(function() { var tab_index = $(this).index(); $("#facilitySlider .big-thumb .floor-tab > li").removeClass('active'); $(this).addClass('active'); $("#facilitySlider .big-thumb .thumb-list > li").removeClass('active'); $("#facilitySlider .big-thumb .thumb-list > li").eq(tab_index).find('img').attr('src', old_images[tab_index]); $("#facilitySlider .big-thumb .thumb-list > li").eq(tab_index).addClass('active'); $("#facilitySlider .floor-container > .floor-info .thumb-list > li").removeClass('selected'); $("#facilitySlider .floor-container > .floor-info").removeClass('active'); $("#facilitySlider .floor-container > .floor-info").eq(tab_index).addClass('active'); }); // 2단계 : 각 층별 내부 썸네일 클릭시 대형 썸네일 교체 $("#facilitySlider .floor-container > .floor-info .thumb-list > li").click(function() { var thumb_img = $(this).find('img').attr('src'); $("#facilitySlider .floor-container > .floor-info .thumb-list > li").removeClass('selected'); $(this).addClass('selected'); $("#facilitySlider .big-thumb .thumb-list > li.active").find('img').attr('src', thumb_img); }); }); /* Sub Navigation Active */ $(document).ready(function() { var url = $(location).attr('href'); var navItems = $('#subVisual nav ul > li'); navItems.each(function() { if(url.indexOf($(this).find('>a').attr('href')) > -1) $(this).addClass('active'); }); $('#subVisual nav > a').text($('#subVisual nav ul > li.active').text()); }); /* Sub Navigation for for under pc devices */ var navWrap = $('#subVisual nav'); var navDrop = navWrap.find('>a'); $(document).ready(function() { navDrop.click(function() { $(this).parent().toggleClass('open'); $(this).parent().find('ul').stop().slideToggle(400); }); }).on('click', function(e) { if(!$(e.target).is('#subVisual nav>a')) { navWrap.removeClass('open'); navWrap.find('ul').stop().slideUp(400); } }); /* About Company Type2 - skill bar */ $(document).ready(function() { var skillBar = $('#container .about-skill-type2 .skill>.skill-wrap'); skillBar.each(function() { var bar = $(this).find('>.progress-bar'); bar.css({width:bar.data('percent') + '%'}); bar.find('>.percent').text(bar.data('percent') + '%'); }); }); /* Subpage Parallax */ /*$(document).ready(function() { $('#subVisual').parallax('50%', 0.3); $('#container .about-video-type2').parallax('50%', 0.3); $('#container .about-count-type2').parallax('50%', 0.3); $('#container .business-overview-mid').parallax('50%', 0.3); $('#container .business-contact').parallax('50%', 0.3); });*/ /* About Company Type2 - Promotion Modal */ $(document).ready(function() { var modal = ''; var modalMask = ''; var modalHTML = ''; var modalBtn = $('#container .about-video-type2 .btn-video'); var openPromotion = function(src) { if($('#modalPromotion').length) $('#modalPromotion').remove(); modalHTML += '