操作提示
- 在这里你可以DIY当前主题,不用代码也可以轻松修改网站界面
- 注意,DIY中如果添加外部图片作为背景,外部图片必须以http://开头,否则将无法正确显示
- 注意,DIY中的界面基础图片目录和扩展图片目录均相对于{WINDSFORCE_PATH}/ucontent而言
/js/bigcolorpicker/css/jquery.bigcolorpicker.css" />-->
$(function(){
$("img[f='color-img']").bigColorpicker(function(el,color){
var id=$(el).attr("data-target");
$("#"+id).val(color);
$("#"+id).css({"color":color});
if(id=='header_bg_color'){
$("#sp_header_bg").css({"background":color+' url('+getImgByid('header_bg_img')+') '+$("#header_bg_extra").val()});
}
if(id=='bg_color'){
$("#sp_bg").css({"background":color+' url('+getImgByid('bg_img')+') '+$("#bg_extra").val()});
}
if(id=='side_bg_color'){
$("#sp_side_bg").css({"background":color+' url('+getImgByid('side_bg_img')+') '+$("#side_bg_extra").val()});
}
if(id=='footer_bg_color'){
$("#sp_footer_bg").css({"background":color+' url('+getImgByid('footer_bg_img')+') '+$("#footer_bg_extra").val()});
}
if(id=='menu_bg_color'){
$("#sp_menu_bg").css({"background":color+' url('+getImgByid('menu_bg_img')+') '+$("#menu_bg_extra").val()});
}
if(id=='float_bg_color'){
$("#sp_float_bg").css({"background":color+' url('+getImgByid('float_bg_img')+') '+$("#float_bg_extra").val()});
}
if(id=='float_mask_bg_color'){
$("#sp_float_mask_bg").css({"background":color+' url('+getImgByid('float_mask_bg_img')+') '+$("#float_mask_bg_extra").val()});
}
if(id=='drop_menu_bg_color'){
$("#sp_drop_menu_bg").css({"background":color+' url('+getImgByid('drop_menu_bg_img')+') '+$("#drop_menu_bg_extra").val()});
}
});
});
var sImgdir='';
var sStyleimgdir='';
function imgdirUpdate(){
sImgdir=$('#img_dir').val()?$('#img_dir').val():'theme/Default/Public/Images';
sStyleimgdir=$('#style_img_dir').val()?$('#style_img_dir').val():sImgdir;
$('#sp_imgdir').text(sImgdir);
$('#sp_styleimgdir').text(sStyleimgdir);
}
function checkHttp(sUrl){
re=/^http:\/\//i;
var arrMatches=re.exec(sUrl);
if(arrMatches==null) {
return false;
}else{
return true;
}
}
function getImgByid(id){
var oId=$WF(id);
return oId.value?(checkHttp(oId.value)?oId.value:'/ucontent/'+sStyleimgdir+'/'+oId.value):'/images/common/none.gif';
}
function imgUpdate(id,imgid){
var oId=$WF(id);
sUrl=getImgByid(imgid);
oId.style.backgroundImage='url('+sUrl+')';
windsforceAlert('背景图像更新成功
'+sUrl,'',3);
}
操作提示
主题预览