First Commit
This commit is contained in:
31
web/html/theme/FT_WEB20/js/common.js
Normal file
31
web/html/theme/FT_WEB20/js/common.js
Normal file
@ -0,0 +1,31 @@
|
||||
$(document).ready(function(){ //start
|
||||
//animate_elems
|
||||
var $elems = $(".elm");
|
||||
var winheight = $(window).height();
|
||||
$elems.addClass('active');
|
||||
$(window).scroll(function () {
|
||||
animate_elems();
|
||||
});
|
||||
function animate_elems() {
|
||||
wintop = $(window).scrollTop();
|
||||
|
||||
$elems.each(function () {
|
||||
$elm = $(this);
|
||||
topcoords = $elm.offset().top;
|
||||
|
||||
if (wintop >= (topcoords - (winheight * 0.5))) {
|
||||
$elm.addClass('on');
|
||||
}
|
||||
});
|
||||
}; // end animate_elems
|
||||
|
||||
// $(window).scroll(function(){
|
||||
// if ($(window).scrollTop() >= 10) {
|
||||
// $('.sub').addClass('sticky');
|
||||
// }
|
||||
// else {
|
||||
// $('.sub').removeClass('sticky');
|
||||
// }
|
||||
// });
|
||||
|
||||
});//end
|
||||
111
web/html/theme/FT_WEB20/js/header.js
Normal file
111
web/html/theme/FT_WEB20/js/header.js
Normal file
@ -0,0 +1,111 @@
|
||||
//start:header
|
||||
$(function(){
|
||||
var hide_menu = false;
|
||||
var mouse_event = false;
|
||||
var oldX = oldY = 0;
|
||||
|
||||
$(document).mousemove(function(e) {
|
||||
if(oldX == 0) {
|
||||
oldX = e.pageX;
|
||||
oldY = e.pageY;
|
||||
}
|
||||
|
||||
if(oldX != e.pageX || oldY != e.pageY) {
|
||||
mouse_event = true;
|
||||
}
|
||||
});
|
||||
|
||||
// 주메뉴
|
||||
var $gnb = $(".gnb_1dli > a");
|
||||
$gnb.mouseover(function() {
|
||||
if(mouse_event) {
|
||||
$("#hd").addClass("hd_zindex");
|
||||
$(".gnb_1dli").removeClass("gnb_1dli_over gnb_1dli_over2 gnb_1dli_on");
|
||||
$(this).parent().addClass("gnb_1dli_over gnb_1dli_on");
|
||||
menu_rearrange($(this).parent());
|
||||
hide_menu = false;
|
||||
}
|
||||
});
|
||||
|
||||
$gnb.mouseout(function() {
|
||||
hide_menu = true;
|
||||
});
|
||||
|
||||
$(".gnb_2dli").mouseover(function() {
|
||||
hide_menu = false;
|
||||
});
|
||||
|
||||
$(".gnb_2dli").mouseout(function() {
|
||||
hide_menu = true;
|
||||
});
|
||||
|
||||
$gnb.focusin(function() {
|
||||
$("#hd").addClass("hd_zindex");
|
||||
$(".gnb_1dli").removeClass("gnb_1dli_over gnb_1dli_over2 gnb_1dli_on");
|
||||
$(this).parent().addClass("gnb_1dli_over gnb_1dli_on");
|
||||
menu_rearrange($(this).parent());
|
||||
hide_menu = false;
|
||||
});
|
||||
|
||||
$gnb.focusout(function() {
|
||||
hide_menu = true;
|
||||
});
|
||||
|
||||
$(".gnb_2da").focusin(function() {
|
||||
$(".gnb_1dli").removeClass("gnb_1dli_over gnb_1dli_over2 gnb_1dli_on");
|
||||
var $gnb_li = $(this).closest(".gnb_1dli").addClass("gnb_1dli_over gnb_1dli_on");
|
||||
menu_rearrange($(this).closest(".gnb_1dli"));
|
||||
hide_menu = false;
|
||||
});
|
||||
|
||||
$(".gnb_2da").focusout(function() {
|
||||
hide_menu = true;
|
||||
});
|
||||
|
||||
$('#gnb_1dul>li').bind('mouseleave',function(){
|
||||
submenu_hide();
|
||||
});
|
||||
|
||||
$(document).bind('click focusin',function(){
|
||||
if(hide_menu) {
|
||||
submenu_hide();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
function submenu_hide() {
|
||||
$("#hd").removeClass("hd_zindex");
|
||||
$(".gnb_1dli").removeClass("gnb_1dli_over gnb_1dli_over2 gnb_1dli_on");
|
||||
}
|
||||
|
||||
function menu_rearrange(el)
|
||||
{
|
||||
var width = $("#gnb_1dul").width();
|
||||
var left = w1 = w2 = 0;
|
||||
var idx = $(".gnb_1dli").index(el);
|
||||
var max_menu_count = 0;
|
||||
var $gnb_1dli;
|
||||
|
||||
for(i=0; i<=idx; i++) {
|
||||
$gnb_1dli = $(".gnb_1dli:eq("+i+")");
|
||||
w1 = $gnb_1dli.outerWidth();
|
||||
|
||||
if($gnb_1dli.find(".gnb_2dul").size())
|
||||
w2 = $gnb_1dli.find(".gnb_2dli > a").outerWidth(true);
|
||||
else
|
||||
w2 = w1;
|
||||
|
||||
if((left + w2) > width) {
|
||||
if(max_menu_count == 0)
|
||||
max_menu_count = i + 1;
|
||||
}
|
||||
|
||||
if(max_menu_count > 0 && (idx + 1) % max_menu_count == 0) {
|
||||
el.removeClass("gnb_1dli_over").addClass("gnb_1dli_over2");
|
||||
left = 0;
|
||||
} else {
|
||||
left += w1;
|
||||
}
|
||||
}
|
||||
}
|
||||
//end:header
|
||||
2
web/html/theme/FT_WEB20/js/jquery-3.6.0.min.js
vendored
Normal file
2
web/html/theme/FT_WEB20/js/jquery-3.6.0.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
3075
web/html/theme/FT_WEB20/js/jquery.fullPage.js
Normal file
3075
web/html/theme/FT_WEB20/js/jquery.fullPage.js
Normal file
File diff suppressed because it is too large
Load Diff
9
web/html/theme/FT_WEB20/js/jquery.fullpage.min.js
vendored
Normal file
9
web/html/theme/FT_WEB20/js/jquery.fullpage.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
109
web/html/theme/FT_WEB20/js/jquery.menu.js
Normal file
109
web/html/theme/FT_WEB20/js/jquery.menu.js
Normal file
@ -0,0 +1,109 @@
|
||||
$(function(){
|
||||
var hide_menu = false;
|
||||
var mouse_event = false;
|
||||
var oldX = oldY = 0;
|
||||
|
||||
$(document).mousemove(function(e) {
|
||||
if(oldX == 0) {
|
||||
oldX = e.pageX;
|
||||
oldY = e.pageY;
|
||||
}
|
||||
|
||||
if(oldX != e.pageX || oldY != e.pageY) {
|
||||
mouse_event = true;
|
||||
}
|
||||
});
|
||||
|
||||
// 주메뉴
|
||||
var $gnb = $(".gnb_1dli > a");
|
||||
$gnb.mouseover(function() {
|
||||
if(mouse_event) {
|
||||
$("#hd").addClass("hd_zindex");
|
||||
$(".gnb_1dli").removeClass("gnb_1dli_over gnb_1dli_over2 gnb_1dli_on");
|
||||
$(this).parent().addClass("gnb_1dli_over gnb_1dli_on");
|
||||
menu_rearrange($(this).parent());
|
||||
hide_menu = false;
|
||||
}
|
||||
});
|
||||
|
||||
$gnb.mouseout(function() {
|
||||
hide_menu = true;
|
||||
});
|
||||
|
||||
$(".gnb_2dli").mouseover(function() {
|
||||
hide_menu = false;
|
||||
});
|
||||
|
||||
$(".gnb_2dli").mouseout(function() {
|
||||
hide_menu = true;
|
||||
});
|
||||
|
||||
$gnb.focusin(function() {
|
||||
$("#hd").addClass("hd_zindex");
|
||||
$(".gnb_1dli").removeClass("gnb_1dli_over gnb_1dli_over2 gnb_1dli_on");
|
||||
$(this).parent().addClass("gnb_1dli_over gnb_1dli_on");
|
||||
menu_rearrange($(this).parent());
|
||||
hide_menu = false;
|
||||
});
|
||||
|
||||
$gnb.focusout(function() {
|
||||
hide_menu = true;
|
||||
});
|
||||
|
||||
$(".gnb_2da").focusin(function() {
|
||||
$(".gnb_1dli").removeClass("gnb_1dli_over gnb_1dli_over2 gnb_1dli_on");
|
||||
var $gnb_li = $(this).closest(".gnb_1dli").addClass("gnb_1dli_over gnb_1dli_on");
|
||||
menu_rearrange($(this).closest(".gnb_1dli"));
|
||||
hide_menu = false;
|
||||
});
|
||||
|
||||
$(".gnb_2da").focusout(function() {
|
||||
hide_menu = true;
|
||||
});
|
||||
|
||||
$('#gnb_1dul>li').bind('mouseleave',function(){
|
||||
submenu_hide();
|
||||
});
|
||||
|
||||
$(document).bind('click focusin',function(){
|
||||
if(hide_menu) {
|
||||
submenu_hide();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
function submenu_hide() {
|
||||
$("#hd").removeClass("hd_zindex");
|
||||
$(".gnb_1dli").removeClass("gnb_1dli_over gnb_1dli_over2 gnb_1dli_on");
|
||||
}
|
||||
|
||||
function menu_rearrange(el)
|
||||
{
|
||||
var width = $("#gnb_1dul").width();
|
||||
var left = w1 = w2 = 0;
|
||||
var idx = $(".gnb_1dli").index(el);
|
||||
var max_menu_count = 0;
|
||||
var $gnb_1dli;
|
||||
|
||||
for(i=0; i<=idx; i++) {
|
||||
$gnb_1dli = $(".gnb_1dli:eq("+i+")");
|
||||
w1 = $gnb_1dli.outerWidth();
|
||||
|
||||
if($gnb_1dli.find(".gnb_2dul").size())
|
||||
w2 = $gnb_1dli.find(".gnb_2dli > a").outerWidth(true);
|
||||
else
|
||||
w2 = w1;
|
||||
|
||||
if((left + w2) > width) {
|
||||
if(max_menu_count == 0)
|
||||
max_menu_count = i + 1;
|
||||
}
|
||||
|
||||
if(max_menu_count > 0 && (idx + 1) % max_menu_count == 0) {
|
||||
el.removeClass("gnb_1dli_over").addClass("gnb_1dli_over2");
|
||||
left = 0;
|
||||
} else {
|
||||
left += w1;
|
||||
}
|
||||
}
|
||||
}
|
||||
146
web/html/theme/FT_WEB20/js/main.js
Normal file
146
web/html/theme/FT_WEB20/js/main.js
Normal file
@ -0,0 +1,146 @@
|
||||
|
||||
$(document).ready(function(){
|
||||
$('.main-slick').slick({
|
||||
slidesToShow:1,
|
||||
slidesToScroll:1,
|
||||
fade:true,
|
||||
appendArrows:$('.main-controll'),
|
||||
prevArrow:"<div><i class='xi-angle-left'></i></div>",
|
||||
nextArrow:"<div><i class='xi-angle-right'></i></div>",
|
||||
dots:true,
|
||||
appendDots:$('.main-controll'),
|
||||
dotsClass:"main-dots"
|
||||
});
|
||||
|
||||
|
||||
$('.sec3-lt').slick({
|
||||
slidesToShow:1,
|
||||
slidesToScroll:1,
|
||||
fade:true,
|
||||
arrows:false,
|
||||
dots:true,
|
||||
appendDots:$('.sec3-rt ul'),
|
||||
customPaging: function(slider, i) {
|
||||
return '<span class="dot-button">' + $(slider.$slides[i]).attr('data-dot-title')+ '</span>'+"<div class='circle'></div>";
|
||||
},
|
||||
});
|
||||
|
||||
$('.sec6-wrap').slick({
|
||||
slidesToShow:1,
|
||||
slidesToScroll:1,
|
||||
fade:true,
|
||||
arrows:false,
|
||||
speed:1000,
|
||||
autoplay:true,
|
||||
autoplaySpeed:1500,
|
||||
});
|
||||
|
||||
var $elems = $(".elm");
|
||||
var winheight = $(window).height();
|
||||
var executed=false;
|
||||
$elems.addClass('active');
|
||||
$(window).scroll(function () {
|
||||
animate_elems();
|
||||
});
|
||||
function animate_elems() {
|
||||
wintop = $(window).scrollTop();
|
||||
|
||||
$elems.each(function () {
|
||||
$elm = $(this);
|
||||
topcoords = $elm.offset().top;
|
||||
if(executed==false){
|
||||
if (wintop >= (topcoords - (winheight * 0.5))) {
|
||||
var progressRate=$('.cha-num').attr("data-rate");
|
||||
$({rate:0}).animate({rate:progressRate},{
|
||||
duration:1500,
|
||||
progress:function(){
|
||||
var now=this.rate;
|
||||
$('.cha-num').html(Math.ceil(now))
|
||||
}
|
||||
})
|
||||
var progressRate1=$('.cha-num2').attr("data-rate");
|
||||
$({rate:0}).animate({rate:progressRate1},{
|
||||
duration:1500,
|
||||
progress:function(){
|
||||
var now=this.rate;
|
||||
$('.cha-num2').html((Math.ceil(now))+"+")
|
||||
}
|
||||
})
|
||||
var progressRate2=$('.cha-num3').attr("data-rate");
|
||||
$({rate:0}).animate({rate:progressRate2},{
|
||||
duration:1500,
|
||||
progress:function(){
|
||||
var now=this.rate;
|
||||
$('.cha-num3').html((Math.ceil(now)))
|
||||
}
|
||||
})
|
||||
executed=true;
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
$(window).scroll(function(){
|
||||
var wScoll=$(window).scrollTop();
|
||||
if(wScoll>=$('.sec6').offset().top - $('.sec6').height()/2){
|
||||
$('.site-map li').removeClass('on');
|
||||
$('.site-map li').eq(3).addClass('on')
|
||||
}else if(wScoll>=$('.sec4').offset().top-$('.sec4').height()/2){
|
||||
$('.site-map li').removeClass('on');
|
||||
$('.site-map li').eq(2).addClass('on')
|
||||
}else if(wScoll>=$('.sec2').offset().top-$('.sec2').height()/2){
|
||||
$('.site-map li').removeClass('on');
|
||||
$('.site-map li').eq(1).addClass('on')
|
||||
}else if(wScoll>=$('.sec1').offset().top-$('.sec1').height()/2){
|
||||
$('.site-map li').removeClass('on');
|
||||
$('.site-map li').eq(0).addClass('on')
|
||||
}
|
||||
|
||||
|
||||
})
|
||||
|
||||
|
||||
if($(window).scrollTop() >=$('.sec4').offset().top && $(window).scrollTop() <=$('.sec6').offset().top){
|
||||
$('#header #nav .menu_tit').css({color:"#fff"});
|
||||
}else{
|
||||
$('#header #nav .menu_tit').css({color:"#000"});
|
||||
}
|
||||
|
||||
$(document).on("click",".site-map a",function(event){
|
||||
event.preventDefault();
|
||||
$('html,body').animate({
|
||||
scrollTop:$(this.hash).offset().top
|
||||
},400);
|
||||
});
|
||||
|
||||
function responsiveSlick(){
|
||||
if($(window).width()<901){
|
||||
$('.sec4-inner ul').slick({
|
||||
slidesToShow:2.3,
|
||||
slidesToScroll:1,
|
||||
appendArrows:$('.mo-con'),
|
||||
prevArrow:"<div><i class='xi-angle-left'></i></div>",
|
||||
nextArrow:"<div><i class='xi-angle-right'></i></div>",
|
||||
responsive:[
|
||||
{
|
||||
breakpoint:601,
|
||||
settings:{
|
||||
slidesToShow:1,
|
||||
centerMode:true,
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
};
|
||||
responsiveSlick();
|
||||
|
||||
$(window).resize(function(){
|
||||
responsiveSlick();
|
||||
});
|
||||
|
||||
})
|
||||
|
||||
|
||||
217
web/html/theme/FT_WEB20/js/main_slide.js
Normal file
217
web/html/theme/FT_WEB20/js/main_slide.js
Normal file
@ -0,0 +1,217 @@
|
||||
|
||||
|
||||
jQuery(function($){
|
||||
|
||||
// <20>꾩쓽<EABEA9><EC93BD> <20>곸뿭<EAB3B8><EBBFAD> 留뚮뱾<EB9AAE><EBB1BE> <20>ㅽ겕濡ㅻ컮 <20>ш린 痢≪젙
|
||||
function getScrollBarWidth(){
|
||||
if($(document).height() > $(window).height()){
|
||||
$('body').append('<div id="fakescrollbar" style="width:50px;height:50px;overflow:hidden;position:absolute;top:-200px;left:-200px;"></div>');
|
||||
fakeScrollBar = $('#fakescrollbar');
|
||||
fakeScrollBar.append('<div style="height:100px;"> </div>');
|
||||
var w1 = fakeScrollBar.find('div').innerWidth();
|
||||
fakeScrollBar.css('overflow-y', 'scroll');
|
||||
var w2 = $('#fakescrollbar').find('div').html('html is required to init new width.').innerWidth();
|
||||
fakeScrollBar.remove();
|
||||
return (w1-w2);
|
||||
}
|
||||
return 0;
|
||||
}
|
||||
|
||||
// 硫붿씤 鍮꾩<<EABEA9><EFBC9C> <20>믪씠媛<EC94A0> <20>ㅼ젙
|
||||
if ( $("#main_visual.full-height").length > 0 ) {
|
||||
mainVisualHeight();
|
||||
function mainVisualHeight () {
|
||||
scrollWidth = getScrollBarWidth();
|
||||
var win_width = $(window).outerWidth() + scrollWidth;
|
||||
var visual_height = $(window).height(); // header媛<72> fixed or absolute<74>쇨꼍<EC87A8><EABC8D> - $("#header").height() <20><>젣
|
||||
if ( win_width < 1221 ) {
|
||||
$(".main-visual-con").height(visual_height);
|
||||
}else {
|
||||
$(".main-visual-con").css("height","100%");
|
||||
}
|
||||
}
|
||||
$(window).on('resize', mainVisualHeight);
|
||||
}
|
||||
|
||||
// 硫붿씤 鍮꾩<<EABEA9><EFBC9C>
|
||||
$(".main-visual-con").each(function () {
|
||||
var $visualSlide = $(this);
|
||||
var $visualSlideItem = $(this).find(".main-visual-item");
|
||||
var visualNum = $visualSlideItem.length;
|
||||
var $visualControls = $(".visual-control");
|
||||
|
||||
$visualControls.find('.paging-controls .total').text(visualNum);
|
||||
|
||||
$visualSlide.on('init', function(event, slick) {
|
||||
$visualSlideItem.eq(0).addClass("active-item");
|
||||
$(".main-visual-con .slick-dots").find("li").eq(0).addClass("active-item");
|
||||
});
|
||||
$visualSlide.on('beforeChange', function(event, slick, currentSlide, nextSlide) {
|
||||
// 鍮꾩<<EABEA9>쇱쁺<EC87B1><EC81BA>
|
||||
$visualSlideItem.removeClass("active-item");
|
||||
$visualSlideItem.eq(nextSlide).addClass("active-item");
|
||||
// Custom paging
|
||||
$(".main-visual-con li").removeClass("active-item");
|
||||
$(this).find(".slick-dots").find("li").eq(nextSlide).addClass("active-item");
|
||||
// <20>꾩옱index <20>쒖떆
|
||||
$visualControls.find('.paging-controls .cur').text(nextSlide + 1);
|
||||
})
|
||||
|
||||
// 硫붿씤 鍮꾩<<EABEA9><EFBC9C> <20>щ씪<D189>대뱶
|
||||
$visualSlide.slick({
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
arrows: true,
|
||||
fade: true,
|
||||
dots:true,
|
||||
autoplay:true,
|
||||
speed:1000,
|
||||
infinite:true,
|
||||
autoplaySpeed: 3000,
|
||||
easing: 'easeInOutQuint',
|
||||
pauseOnHover:false,
|
||||
zIndex:1,
|
||||
prevArrow: '.visual-control .prev',
|
||||
nextArrow: '.visual-control .next',
|
||||
customPaging : function(slider, i) {
|
||||
var title = $(slider.$slides[i].innerHTML).find('div[data-title]').data('title');
|
||||
var en_title = $(slider.$slides[i].innerHTML).find('div[data-en-title]').data('en-title');
|
||||
return '<a><p class="loading-bar-paging-tit"><strong>'+title+'</strong><span>'+en_title+'</span></p><span class="loading-bar-line"></span></a>';
|
||||
},
|
||||
});
|
||||
|
||||
$visualControls.find('.pause-visual-btn').click(function () {
|
||||
$visualSlide.slick("slickPause");
|
||||
$(this).hide().siblings().show();
|
||||
});
|
||||
$visualControls.find('.play-visual-btn').click(function () {
|
||||
$visualSlide.slick("slickPlay");
|
||||
$(this).hide().siblings().show();
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
$(document).ready(function() {
|
||||
var btn = $(".btn");
|
||||
btn.click(function() {
|
||||
btn.toggleClass("paused");
|
||||
return false;
|
||||
});
|
||||
});
|
||||
|
||||
$('.btn').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
if (jQuery(this).hasClass("pause")) { // add class where you want to add class active for process
|
||||
jQuery(this).removeClass("pause");
|
||||
jQuery('.main-visual-con').slick('slickPause');
|
||||
jQuery('.left-banner-slide').slick('slickPause');
|
||||
jQuery(this).addClass("play");
|
||||
} else {
|
||||
jQuery(this).removeClass("play");
|
||||
jQuery(this).addClass("pause");
|
||||
$('.main-visual-con').slick('slickPlay');
|
||||
$('.left-banner-slide').slick('slickPlay');
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
// e:main_visual
|
||||
$('.slider_box2').slick({
|
||||
infinite:true,
|
||||
slidesToShow:1,
|
||||
autoplay:true,
|
||||
autoplaySpeed:2000,
|
||||
arrows:false,
|
||||
dots:false
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
// sec4 card_list
|
||||
|
||||
|
||||
|
||||
|
||||
$(document).ready(function() {
|
||||
var btn = $(".sec4_p");
|
||||
btn.click(function() {
|
||||
btn.toggleClass("paused");
|
||||
return false;
|
||||
});
|
||||
});
|
||||
|
||||
$('.sec4_p').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
if (jQuery(this).hasClass("pause")) { // add class where you want to add class active for process
|
||||
jQuery(this).removeClass("pause");
|
||||
jQuery('.card_list').slick('slickPause');
|
||||
jQuery(this).addClass("play");
|
||||
} else {
|
||||
jQuery(this).removeClass("play");
|
||||
jQuery(this).addClass("pause");
|
||||
$('.card_list').slick('slickPlay');
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
$('.card_list').each(function(){
|
||||
var $visualSlide = $(this);
|
||||
var $visualSlideItem = $(this).find(".list");
|
||||
var visualNum = $visualSlideItem.length;
|
||||
|
||||
var $status = $('.sec4_paging');
|
||||
var $total = $('.sec4_total');
|
||||
var $slickElement = $('.card_list');
|
||||
|
||||
$slickElement.on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) {
|
||||
//currentSlide is undefined on init -- set it to 0 in this case (currentSlide is 0 based)
|
||||
var i = (currentSlide ? currentSlide : 0) + 1;
|
||||
$status.html( '<span class="current_slide">' + i + '</span>');
|
||||
$total.html( '<span class="total_slides"> ' + slick.slideCount + '</span>');
|
||||
});
|
||||
$visualSlide.slick({
|
||||
infinite:true,
|
||||
slidesToShow:4,
|
||||
slidesToScroll: 1,
|
||||
autoplay:true,
|
||||
autoplaySpeed:1000,
|
||||
arrow:true,
|
||||
prevArrow: '.sec4_prev',
|
||||
nextArrow: '.sec4_next',
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 1600,
|
||||
settings: {
|
||||
slidesToShow:3,
|
||||
slidesToScroll:1,
|
||||
infinite: true,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint:1220,
|
||||
settings: {
|
||||
slidesToShow:3,
|
||||
slidesToScroll:1,
|
||||
infinite: true
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint:900,
|
||||
settings: {
|
||||
slidesToShow:1,
|
||||
slidesToScroll: 1
|
||||
}
|
||||
}
|
||||
// You can unslick at a given breakpoint now by adding:
|
||||
// settings: "unslick"
|
||||
// instead of a settings object
|
||||
]
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
3011
web/html/theme/FT_WEB20/js/slick.js
Normal file
3011
web/html/theme/FT_WEB20/js/slick.js
Normal file
File diff suppressed because it is too large
Load Diff
1
web/html/theme/FT_WEB20/js/slick.min.js
vendored
Normal file
1
web/html/theme/FT_WEB20/js/slick.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
319
web/html/theme/FT_WEB20/js/theme.shop.list.js
Normal file
319
web/html/theme/FT_WEB20/js/theme.shop.list.js
Normal file
@ -0,0 +1,319 @@
|
||||
var mainCart = mainCart || {};
|
||||
|
||||
mainCart.chr = function(code){
|
||||
return String.fromCharCode(code);
|
||||
}
|
||||
|
||||
jQuery(function ($) {
|
||||
|
||||
var select_option_el = "select.it_option",
|
||||
overclass = "overlay",
|
||||
cartclass = "sct_cartop",
|
||||
cart_btn_class = "sct_btn";
|
||||
|
||||
mainCart.add_wishitem = function(el) {
|
||||
|
||||
var $el = $(el),
|
||||
it_id = $el.data("it_id");
|
||||
|
||||
if(!it_id) {
|
||||
alert("상품코드가 올바르지 않습니다.");
|
||||
return false;
|
||||
}
|
||||
|
||||
$.post(
|
||||
g5_theme_shop_url + "/ajax.action.php",
|
||||
{ it_id: it_id, action : "wish_update" },
|
||||
function(error) {
|
||||
if(error != "OK") {
|
||||
alert(error.replace(/\\n/g, "\n"));
|
||||
return false;
|
||||
}
|
||||
|
||||
mainCart.update_wish_side();
|
||||
alert("상품을 위시리스트에 담았습니다.");
|
||||
return;
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
mainCart.add_cart = function(frm) {
|
||||
|
||||
var $frm = $(frm);
|
||||
var $sel = $frm.find(select_option_el);
|
||||
var it_name = $frm.find("input[name^=it_name]").val();
|
||||
var it_price = parseInt($frm.find("input[name^=it_price]").val());
|
||||
var id = "";
|
||||
var value, info, sel_opt, item, price, stock, run_error = false;
|
||||
var option = sep = "";
|
||||
var count = $sel.length;
|
||||
|
||||
if(count > 0) {
|
||||
$sel.each(function(index) {
|
||||
value = $(this).val();
|
||||
item = $(this).prev("label").text();
|
||||
|
||||
if(!value) {
|
||||
run_error = true;
|
||||
return false;
|
||||
}
|
||||
|
||||
// 옵션선택정보
|
||||
sel_opt = value.split(",")[0];
|
||||
|
||||
if(id == "") {
|
||||
id = sel_opt;
|
||||
} else {
|
||||
id += mainCart.chr(30)+sel_opt;
|
||||
sep = " / ";
|
||||
}
|
||||
|
||||
option += sep + item + ":" + sel_opt;
|
||||
});
|
||||
|
||||
if(run_error) {
|
||||
alert(it_name+"의 "+item+"을(를) 선택해 주십시오.");
|
||||
return false;
|
||||
}
|
||||
|
||||
price = value[1];
|
||||
stock = value[2];
|
||||
} else {
|
||||
price = 0;
|
||||
stock = $frm.find("input[name^=it_stock]").val();
|
||||
option = it_name;
|
||||
}
|
||||
|
||||
// 금액 음수 체크
|
||||
if(it_price + parseInt(price) < 0) {
|
||||
alert("구매금액이 음수인 상품은 구매할 수 없습니다.");
|
||||
mainCart.add_cart_after();
|
||||
return false;
|
||||
}
|
||||
|
||||
// 옵션 선택정보 적용
|
||||
$frm.find("input[name^=io_id]").val(id);
|
||||
$frm.find("input[name^=io_value]").val(option);
|
||||
$frm.find("input[name^=io_price]").val(price);
|
||||
|
||||
$.ajax({
|
||||
url: $(frm).attr("action"),
|
||||
type: "POST",
|
||||
data: $(frm).serialize(),
|
||||
dataType: "json",
|
||||
async: true,
|
||||
cache: false,
|
||||
success: function(data, textStatus) {
|
||||
|
||||
mainCart.add_cart_after(frm);
|
||||
|
||||
if(data.error != "") {
|
||||
alert(data.error);
|
||||
return false;
|
||||
}
|
||||
|
||||
mainCart.update_cart_side();
|
||||
|
||||
alert("상품을 장바구니에 담았습니다.");
|
||||
},
|
||||
error : function(request, status, error){
|
||||
mainCart.add_cart_after(frm);
|
||||
alert('false ajax :'+request.responseText);
|
||||
}
|
||||
});
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
// 5.4 버전의 기본테마의 사이드바의 장바구니를 새로고침합니다.
|
||||
mainCart.update_cart_side = function(){
|
||||
var ajax_url = g5_theme_shop_url || g5_shop_url;
|
||||
|
||||
$.ajax({
|
||||
url: ajax_url + "/ajax.action.php",
|
||||
type: "GET",
|
||||
data: {"action":"refresh_cart"},
|
||||
dataType: "html",
|
||||
async: true,
|
||||
cache: false,
|
||||
success: function(data, textStatus) {
|
||||
var inner_html = $(data).filter(".sbsk").html(),
|
||||
cart_count = $(data).find(".cart-count").text();
|
||||
|
||||
$(".qk_con_wr .sbsk").html(inner_html);
|
||||
$(".hd_login .shop_cart .count").text(cart_count);
|
||||
},
|
||||
error : function(request, status, error){
|
||||
alert("false ajax :"+request.responseText);
|
||||
}
|
||||
});
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
mainCart.update_wish_side = function(){
|
||||
var ajax_url = g5_theme_shop_url || g5_shop_url;
|
||||
|
||||
if (typeof g5_is_member == "undefined" || ! g5_is_member) {
|
||||
return false;
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
url: ajax_url + "/ajax.action.php",
|
||||
type: "GET",
|
||||
data: {"action":"refresh_wish"},
|
||||
dataType: "html",
|
||||
async: true,
|
||||
cache: false,
|
||||
success: function(data, textStatus) {
|
||||
var inner_html = $(data).filter(".side-wish").html();
|
||||
|
||||
$(".qk_con_wr .side-wish").html(inner_html);
|
||||
},
|
||||
error : function(request, status, error){
|
||||
alert("false ajax :"+request.responseText);
|
||||
}
|
||||
});
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
mainCart.add_cart_after = function(frm){
|
||||
var $over_rayers = $("."+overclass),
|
||||
$cart_rayers = $("."+cartclass);
|
||||
|
||||
$over_rayers.each(function(i) {
|
||||
$(this).removeClass(overclass);
|
||||
});
|
||||
|
||||
$cart_rayers.each(function(i) {
|
||||
if( !(frm && $(this).find("select").length) ){
|
||||
$(this).html("").removeClass(cartclass);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$(document).on("click", ".btn_cart", function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
var $this = $(this),
|
||||
it_id = $this.data("it_id"),
|
||||
$sct_li = $this.closest("li.sct_li"),
|
||||
$opt = $sct_li.find(".cart-layer"),
|
||||
$btn = $sct_li.find("."+cart_btn_class);
|
||||
|
||||
$(".cart-layer").not($opt).removeClass(cartclass).html('');
|
||||
$("li.sct_li").not($sct_li).removeClass(overclass);
|
||||
|
||||
$.ajax({
|
||||
url: g5_theme_shop_url+"/ajax.action.php",
|
||||
type: "POST",
|
||||
data: {
|
||||
"it_id" : it_id,
|
||||
"action" : "get_item_option"
|
||||
},
|
||||
dataType: "json",
|
||||
async: true,
|
||||
cache: false,
|
||||
success: function(data, textStatus) {
|
||||
if(data.error != "") {
|
||||
alert(data.error);
|
||||
return false;
|
||||
}
|
||||
|
||||
$sct_li.addClass(overclass);
|
||||
$opt.addClass(cartclass).html(data.html);
|
||||
|
||||
if(!data.option) {
|
||||
mainCart.add_cart($opt.find("form").get(0));
|
||||
return;
|
||||
}
|
||||
|
||||
//$btn.css("display","none");
|
||||
//$opt.css("display","block");
|
||||
},
|
||||
error : function(request, status, error){
|
||||
alert('false ajax :'+request.responseText);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$(document).on("change", "select.it_option", function() {
|
||||
var $frm = $(this).closest("form");
|
||||
var $sel = $frm.find("select.it_option");
|
||||
var sel_count = $sel.length;
|
||||
var idx = $sel.index($(this));
|
||||
var val = $(this).val();
|
||||
var it_id = $frm.find("input[name='it_id[]']").val();
|
||||
|
||||
// 선택값이 없을 경우 하위 옵션은 disabled
|
||||
if(val == "") {
|
||||
$frm.find("select.it_option:gt("+idx+")").val("").attr("disabled", true);
|
||||
return;
|
||||
}
|
||||
|
||||
// 하위선택옵션로드
|
||||
if(sel_count > 1 && (idx + 1) < sel_count) {
|
||||
var opt_id = "";
|
||||
|
||||
// 상위 옵션의 값을 읽어 옵션id 만듬
|
||||
if(idx > 0) {
|
||||
$frm.find("select.it_option:lt("+idx+")").each(function() {
|
||||
if(!opt_id)
|
||||
opt_id = $(this).val();
|
||||
else
|
||||
opt_id += mainCart.chr(30)+$(this).val();
|
||||
});
|
||||
|
||||
opt_id += mainCart.chr(30)+val;
|
||||
} else if(idx == 0) {
|
||||
opt_id = val;
|
||||
}
|
||||
|
||||
$.post(
|
||||
g5_shop_url + "/itemoption.php",
|
||||
{ it_id: it_id, opt_id: opt_id, idx: idx, sel_count: sel_count },
|
||||
function(data) {
|
||||
$sel.eq(idx+1).empty().html(data).attr("disabled", false);
|
||||
|
||||
// select의 옵션이 변경됐을 경우 하위 옵션 disabled
|
||||
if(idx+1 < sel_count) {
|
||||
var idx2 = idx + 1;
|
||||
$frm.find("select.it_option:gt("+idx2+")").val("").attr("disabled", true);
|
||||
}
|
||||
}
|
||||
);
|
||||
} else if((idx + 1) == sel_count) { // 선택옵션처리
|
||||
if(val == "")
|
||||
return;
|
||||
|
||||
var info = val.split(",");
|
||||
// 재고체크
|
||||
if(parseInt(info[2]) < 1) {
|
||||
alert("선택하신 선택옵션상품은 재고가 부족하여 구매할 수 없습니다.");
|
||||
return false;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on("click", ".cartopt_cart_btn", function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
mainCart.add_cart(this.form);
|
||||
});
|
||||
|
||||
$(document).on("click", ".cartopt_close_btn", function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
mainCart.add_cart_after();
|
||||
|
||||
//$(this).closest(".sct_cartop").css("display","none");
|
||||
//$(this).closest("li.sct_li").find(".sct_btn").css("display", "");
|
||||
});
|
||||
|
||||
$(document).on("click", ".btn_wish", function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
mainCart.add_wishitem(this);
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user