Javascript jquery颜色框底部

Javascript jquery颜色框底部,javascript,jquery,colorbox,Javascript,Jquery,Colorbox,我已经搜索了3天,没有找到答案 我试图删除颜色框弹出窗口底部的灰色区域,该区域位于关闭按钮位置,但我找不到方法。我尝试添加删除导航,但它仍然在弹出窗口的底部,我的区域是灰色的 我使用这个代码 <script language="JavaScript"> jQuery(document).ready(function(){ // $.fn.colorbox({scrolling:false, overlayClose:false, opacity:0.7, escKey:

我已经搜索了3天,没有找到答案
我试图删除颜色框弹出窗口底部的灰色区域,该区域位于关闭按钮位置,但我找不到方法。我尝试添加删除导航,但它仍然在弹出窗口的底部,我的区域是灰色的

我使用这个代码

<script language="JavaScript">
jQuery(document).ready(function(){
       // $.fn.colorbox({scrolling:false, overlayClose:false, opacity:0.7, escKey:false, href:"#subscribe", 'open':true, 'inline':true, 'width':'auto', 'height':'auto'});
        //$('#cboxClose').remove();
          $.fn.colorbox({scrolling:false, overlayClose:false, opacity:0.7, escKey:false, href:"#subscribe", 'open':true, 'inline':true, 'width':'auto', 'height':'auto'});
          $('#cboxClose').remove();

        }
);
</script>

jQuery(文档).ready(函数(){
//$.fn.colorbox({滚动:false,套圈:false,不透明度:0.7,escKey:false,href:“#订阅”,“打开”:true,“内联”:true,“宽度”:“自动”,“高度”:“自动”);
//$('#cboxClose')。删除();
$.fn.colorbox({滚动:false,套圈:false,不透明度:0.7,escKey:false,href:“#订阅”,“打开”:true,“内联”:true,“宽度”:“自动”,“高度”:“自动”);
$('#cboxClose')。删除();
}
);

你有我可以看的演示站点吗?我已经从我正在处理的站点中的colorbox中删除了关闭按钮(使用与您相同的$(“#cboxClose”).remove()jQuery代码段),并且除了colorbox内容周围的正常阴影边框外,没有灰色区域

[编辑] 啊!@Sudhir的回答促使我更仔细地检查您的代码-您尚未将.remove()代码作为onLoad函数传入,因此在该行运行时可能没有要删除的关闭按钮-它可能尚未创建

不幸的是,我没有足够的代表给@sudhir的正确答案添加评论,所以我不得不把它放在这里

@Sudhir答案的重要部分是

onLoad: function(){
    $('#cboxClose').remove()
}

部分。这只会在colorbox完全加载后运行,此时您应该有一个要删除的关闭按钮。

您有我可以查看的演示站点吗?我已经从我正在处理的站点中的colorbox中删除了关闭按钮(使用与您相同的$(“#cboxClose”).remove()jQuery代码段),并且除了colorbox内容周围的正常阴影边框外,没有灰色区域

[编辑] 啊!@Sudhir的回答促使我更仔细地检查您的代码-您尚未将.remove()代码作为onLoad函数传入,因此在该行运行时可能没有要删除的关闭按钮-它可能尚未创建

不幸的是,我没有足够的代表给@sudhir的正确答案添加评论,所以我不得不把它放在这里

@Sudhir答案的重要部分是

onLoad: function(){
    $('#cboxClose').remove()
}

部分。这只会在colorbox完全加载后运行,此时您应该有一个要删除的关闭按钮。

我不知道还有其他人,但仅删除关闭按钮(可以使用colorbox构造函数中的“closeButton:false”参数/值执行此操作)对我不起作用。我试图摆脱灰色/银色长方形框(控制容器)沿着色盒底部运行。关闭按钮被移除,但灰色容器区域仍保留

最后,我必须创建两个新的png图像(用于边框的左侧和右侧),修改一个现有的png图像(colorbox border.png),并修改colorbox CSS文件中的3行。因此,以下是您需要的:

保存这3个PNG并将其添加到您的图像目录(或任何位置):


我不知道还有其他人,但仅仅删除close按钮(可以使用colorbox构造函数中的“closeButton:false”参数/值)对我不起作用。我试图摆脱灰色/银色长方形框(控制容器)沿着色盒底部运行。关闭按钮被移除,但灰色容器区域仍保留

最后,我必须创建两个新的png图像(用于边框的左侧和右侧),修改一个现有的png图像(colorbox border.png),并修改colorbox CSS文件中的3行。因此,以下是您需要的:

保存这3个PNG并将其添加到您的图像目录(或任何位置):

这对我有用

这对我有用

#cboxBottomLeft{width:14px; height:9px; background:url([WHEREVER_UR_IMAGES_ARE]/colorbox-border-bottom-left.png) no-repeat}
#cboxBottomCenter{width:1px; height:9px; background:url([WHEREVER_UR_IMAGES_ARE]/colorbox-border-bottom-middle.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:9px; background:url([WHEREVER_UR_IMAGES_ARE]/colorbox-border-bottom-right.png) no-repeat}
#cboxLoadedContent{} //remove the margin-bottom:20px;