", {
id: "progressBar"
} );
jQuerybar = jQuery( "
", {
id: "bar"
} );
jQueryprogressBar.append( jQuerybar )
.prependTo( jQueryelem );
}
function start() {
// reset timer
percentTime = 0;
isPause = false;
// run interval every 0.01 second
tick = setInterval( interval, 10 );
};
function interval() {
if ( isPause === false ) {
percentTime += 1 / time;
jQuerybar.css( {
width: percentTime + "%"
} );
// if percentTime is equal or greater than 100
if ( percentTime >= 100 ) {
// slide to next item
jQueryelem.trigger( 'owl.next' )
}
}
}
// moved callback
function moved() {
// clear interval
clearTimeout( tick );
// start again
start();
}
// set mansory gallery
var maingall = jQuery('#w-gallery-container');
if (maingall.length) {
var masonry = new Macy({
container: '#w-gallery-container',
trueOrder: false,
waitForImages: true,
debug: true,
columns: 3,
breakAt: {
1200: {
columns: 3,
},
940: {
columns: 2,
},
520: {
columns: 2,
},
400: {
columns: 1
}
}
});
} else {
//nothing happen
}
// skill bar
var mainskill = jQuery('#mainskill');
if (mainskill.length) {
$(window).on('scroll',function() {
var hT = mainskill.offset().top,
hH = mainskill.outerHeight(),
wH = $(window).height(),
wS = $(this).scrollTop();
if (wS > (hT+hH-wH)){
jQuery('.skillbar').each(function(){
jQuery(this).find('.skillbar-bar').animate({
width:jQuery(this).attr('data-percent')
},2000);
});
}
});
} else {
}
});
jQuery(document).ready(function($) {
// 테마 스위치
jQuery(".picker_close").click(function(){
jQuery("#choose_color").toggleClass("position");
});
function color_switch(color, ctype){
var colored = '';
var ms = '';
if(ctype=='mcolor') {
var colored = { mcolor : color};
var ms = 'main';
var cpop = "메인 컬러가 변경되었습니다.";
}
if(ctype=='scolor') {
var colored = { scolor: color};
var ms = 'sub';
var cpop = "서브 컬러가 변경되었습니다.";
}
$.ajax({
type: "post",
url: g5_theme_url+"/_ajax.theme.php",
dataType: "json",
data : colored,
error : function(){
alert('X');
},
success : function(data){
$("body").get(0).style.setProperty("--"+ms+"-color", color);
alert(color + ' 색으로 ' + cpop);
}
});
}
jQuery(".colorc" ).click(function(){
var colored = $(this).attr("data-color");
var cid = $(this).attr("data-colorid");
color_switch(colored,"mcolor");
//alert(colored);
$(".colorc").removeClass("border border-dark border-3");
$('#c'+cid).addClass(" border border-dark border-3");
$('#t'+cid).addClass(" border border-dark border-3");
return false;
});
$(document).on("click", ".setopen", function(){
var setbox = $(this).attr("data-id");
$('.'+setbox).show();
$(this).text("닫기");
$(this).removeClass("setopen");
$(this).addClass("setcloase");
return false;
});
$(document).on("click", ".setcloase", function(){
var setbox = $(this).attr("data-id");
$('.'+setbox).hide();
$(this).text("설정");
$(this).removeClass("setcloase");
$(this).addClass("setopen");
return false;
});
jQuery.fn.center = function () {
this.css("position","absolute");
this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) +
$(window).scrollTop()) + "px");
this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) +
$(window).scrollLeft()) + "px");
return this;
}
$(document).on("click", ".set_menu", function(){
var setid = $(this).attr("data-id");
var setboard = $(this).attr("data-botable");
var setdiv = '#set_' + setid;
//$(setdiv).animate({ scrollTop: 0 }, "slow");
//$(setdiv).show();
var urled = g5_theme_url+'/_ajax.input.php?ut='+setid;
if(setboard){
var urled = g5_theme_url+'/_ajax.input.php?ut='+setid+'&botable='+setboard;
}
$('.modal').modal({
//remote:g5_theme_url+'/_ajax.input.php?ut='+setid
});
$('.modal').load(urled);
//alert(setdiv);
//$(setdiv).load(g5_theme_url+'/_ajax.input.php?ut='+setid);
//alert(setdiv);
});
$(document).on("click", ".set_ok", function(){
var setid = $(this).attr("data-id");
var setid = '#' + setid + '_form';
var setform = $(setid).serialize();
$.ajax({
type: "post",
url: g5_theme_url+"/_ajax.theme.php",
dataType: "json",
data : setform,
error : function(){
alert('X');
},
success : function(data){
alert(data.ok);
document.location.reload();
}
});
});
$(document).on("change", ".changeboard", function(){
//$(".changeboard").on("change", function(){
// value 값으로 선택
// var boarded = $(".changeboard option:selected").val();
var boarded = $('option:selected',this).attr('value');
var positioned = $(this).attr("data-position");
var dataform = {typed : "boardchange", position : positioned, selectboard : boarded}
$.ajax({
type: "post",
url: g5_theme_url+"/_ajax.theme.php",
dataType: "json",
data : dataform,
error : function(){
alert('X');
},
success : function(data){
alert(data.ok);
document.location.reload();
}
});
});
});