// ¸ÞÀÎ ·Ñ¸µ À̹ÌÁö $(function() { var vCount = $("#mainSlider ul.imgList li").length; var vIndex = 0; var vTimer; var vInterval = 4000; // ÀÚµ¿À¸·Î ½½¶óÀ̵ù µÇ´Â ÁÖ±â (´ÜÀ§ : ms) var swipeOptions = { triggerOnTouchEnd: true, swipeStatus: swipeStatus, allowPageScroll: "vertical", threshold: 10 }; // ¸ÞÀÎ ·Ñ¸µÀ̹ÌÁö ½º¿ÍÀÌÇÁ ¼ÂÆà function swipeStatus(event, phase, direction, distance) { vWidth = $("#mainSlider ul.imgList li").width(); if (phase == "move" && (direction == "left" || direction == "right")) { var duration = 0; if (direction == "left") { clearInterval(vTimer); $("#mainSlider ul.imgList").stop(true,false).animate({left:-(vWidth*vIndex) - distance + 'px'}, duration); } else if (direction == "right") { clearInterval(vTimer); $("#mainSlider ul.imgList").stop(true,false).animate({left:-(vWidth*vIndex) + distance + 'px'}, duration); } } else if (phase == "cancel") { mainSlide(); } else if (phase == "end") { if (direction == "right") { if(vIndex===0) { mainClear(); vIndex = 0; mainSlide(); return false; } mainClear(); vIndex--; mainSlide(); } else if (direction == "left") { if(vIndex===vCount-1) { vIndex = vCount-1; mainClear(); mainSlide(); return false; } mainClear(); vIndex++; mainSlide(); } } } $("#mainSlider ul.imgList").swipe(swipeOptions); // ÃʱâÈ­ function mainInit() { var wSize = $(window).width(); $("#mainSlider ul.imgList li").css('width',wSize + 'px'); $("#mainSlider ul.imgList").css('left',-(wSize * vIndex) + 'px'); } // ÆäÀÌÁö³×ÀÌ¼Ç ÃʱâÈ­ function pagingInit() { var _li = "
  • "; for(i=0; i= vCount) { vIndex = 0; } $("#mainSlider ul.imgList").stop(true,false).animate({left:-(vWidth*vIndex) + 'px'}, 600, 'easeOutCubic'); pagingActive(); } // ¸ÞÀÎ ·Ñ¸µÀ̹ÌÁö ŸÀÌ¸Ó ÃʱâÈ­ function mainClear() { $("#mainSlider ul.imgList").stop(); clearInterval(vTimer); vTimer = setInterval(function() { vIndex++; mainSlide(); }, vInterval); } // ·Ñ¸µ ¿µ¿ª¿¡ ¸¶¿ì½º ¿Ã¸± ½Ã ÄÁÆ®·Ñ¹öÆ°, ÆäÀÌÁö³×ÀÌ¼Ç Ç¥½Ã $("#mainSlider").mouseenter(function() { $("#mainSlider a.control").stop(true,false).animate({opacity:'0.5'}, 300); $("#mainSlider ul.pagination").stop(true,false).fadeIn(300); clearInterval(vTimer); }); // ·Ñ¸µ ¿µ¿ª¿¡¼­ ¸¶¿ì½º ºüÁ®³ª°¥ °æ¿ì ÄÁÆ®·Ñ¹öÆ°, ÆäÀÌÁö³×ÀÌ¼Ç ¼û±è $("#mainSlider").mouseleave(function() { $("#mainSlider a.control").stop(true,false).animate({opacity:'0'}, 300); $("#mainSlider ul.pagination").stop(true,false).fadeOut(300); mainClear(); }); // ÀÌÀü¹öÆ° Ŭ¸¯ $("#mainSlider a.prev").click(function() { if(!$("#mainSlider ul.imgList").is(':animated')) { mainClear(); vIndex--; mainSlide(); } }); // ´ÙÀ½¹öÆ° Ŭ¸¯ $("#mainSlider a.next").click(function() { if(!$("#mainSlider ul.imgList").is(':animated')) { mainClear(); vIndex++; mainSlide(); } }); // ÆäÀÌÁö³×ÀÌ¼Ç »óÅ º¯°æ function pagingActive() { $("#mainSlider ul.pagination li").removeClass('active'); $("#mainSlider ul.pagination li").eq(vIndex).addClass('active'); } // ÆäÀÌÁö³×ÀÌ¼Ç Å¬¸¯½Ã $(document).on('click', '#mainSlider ul.pagination li', function() { var idx = $(this).index(); if(!$("#mainSlider ul.imgList").is(':animated')) { mainClear(); vIndex = idx; mainSlide(); } }); // ÀÚµ¿ ½½¶óÀ̵å ŸÀÌ¸Ó ¼³Á¤ vTimer = setInterval(function() { vIndex++; mainSlide(); }, vInterval); // ·Îµå½Ã ·Ñ¸µÀ̹ÌÁö ÃʱâÈ­ $(window).load(function() { mainInit(); pagingInit(); }); // È­¸é »çÀÌÁî Á¶Àý½Ã ·Ñ¸µÀ̹ÌÁö »çÀÌÁî, À§Ä¡ ¸ÂÃã $(window).resize(function() { mainInit(); }); }); // Çϴܼ½¼Ç ÆäÀÌµå ½½¶óÀÌ´õ $(function() { var fadeIndex = 0; var fadeTimer; var fadeDelay = 4000; // ÆäÀ̵å ÁÖ±â (´ÜÀ§ : ms) // ÆäÀÌµå ½½¶óÀÌ´õ ÃʱâÈ­ ÇÔ¼ö function fadeInit() { var count = $("#fadeSlider > ul > li").length; var _li = "
  • "; // ½½¶óÀ̵ù ¾ÆÀÌÅÛ ¼ø¼­ Á¤¸® $("#fadeSlider > ul > li:last").after($("#fadeSlider > ul > li[data-idx=0]")); $("#fadeSlider > ul > li[data-idx=0]").addClass('active'); // ÆäÀÌÁö³×ÀÌ¼Ç »ý¼º for(i=0; i ol.indicator").append(_li); } // ù ¹ø° ÆäÀÌÁö³×ÀÌ¼Ç È°¼ºÈ­ $("#fadeSlider > ol.indicator > li:first").addClass('on'); } // ÆäÀÌµå ½½¶óÀ̵ù ÇÔ¼ö function fadeSlide() { var count = $("#fadeSlider > ul > li").length; fadeIndex++; if(fadeIndex>=count) { fadeIndex = 0; } $("#fadeSlider > ol.indicator > li").removeClass('on'); $("#fadeSlider > ol.indicator > li").eq(fadeIndex).addClass('on'); $("#fadeSlider > ul > li").removeClass('active'); $("#fadeSlider > ul > li:last").after($("#fadeSlider > ul > li[data-idx=" + fadeIndex + "]")); $("#fadeSlider > ul > li[data-idx=" + fadeIndex + "]").addClass('active'); $("#fadeSlider > ul > li[data-idx=" + fadeIndex + "]").stop(true,false).animate({opacity:0}, 0); $("#fadeSlider > ul > li[data-idx=" + fadeIndex + "]").stop(true,false).animate({opacity:1}, 300); } // ÀÚµ¿ ÆäÀÌµå ½½¶óÀ̵ù fadeTimer = setInterval(function() { fadeSlide(); }, fadeDelay); // ÆäÀÌµå ½½¶óÀ̵ù ŸÀÌ¸Ó ÃʱâÈ­ ÇÔ¼ö function fadeClear() { $("#fadeSlider > ul > li").stop(); clearInterval(fadeTimer); fadeTimer = setInterval(function() { fadeSlide(); }, fadeDelay); } // ÆäÀÌÁö³×ÀÌ¼Ç Å¬¸¯½Ã ÇØ´ç ¼ø¼­·Î ÆäÀ̵å $(document).on('click', '#fadeSlider > ol.indicator > li', function() { var thisIndex = $(this).index(); if(!$("#fadeSlider > ul > li").is(':animated')) { fadeIndex = thisIndex - 1; fadeClear(); fadeSlide(); return false; } }); // À©µµ¿ì ·Îµå½Ã ÆäÀÌµå ½½¶óÀÌ´õ ¼¼Æà $(window).load(function() { fadeInit(); }); }); // Ư°¡»óÇ° Æ˾÷ (±¸¸Å ÈÄ »èÁ¦ ¹Ù¶ø´Ï´Ù) $(function() { var _href = window.location.href; if(_href.indexOf('bdmp') < 0) { $("#pop_product").remove(); } else { $("#mask").css('display','block'); $("#pop_product").css('display','block'); } $("#pop_product a.close").click(function() { $("#mask").css('display','none'); $("#pop_product").css('display','none'); }); });