禁用shadowbox默认加载图像
禁用shadowbox默认加载图像
提问于 2013-01-05 01:01:21
有没有什么办法可以禁用shadowbox默认加载图像。我们需要显示我们的公司加载图像只。现在，它显示了shadowbox加载图像，然后是我们的加载图像。
Shadowbox.open({
content:$("#load_image").html(),
player:'html',
width:250,
height:100,
options:{modal:true}
});谢谢
回答 3
Stack Overflow用户
发布于 2013-01-10 04:58:35
修改css的建议还不错。
仅将另一个图像应用于特定链接并不是很困难。
为Shadowbox中的公司徽标所在的链接指定一个特殊的className(本例中我将使用"foo" )
使用此命令初始化Shadowbox：
Shadowbox.init(
{
onOpen:function(){
if($(Shadowbox.gallery[Shadowbox.current].link)
.hasClass('foo')){
$('html').addClass('foo');
}
},
onClose:function(){$('html').removeClass('foo');}
}
);它将检查所点击的链接是否具有特殊的className foo。执行此操作时，它会将此className添加到<html>-element中。
现在，您可以使用选择器将不同的图像作为loading image应用于这些特定链接：
html.foo #sb-loading-inner spanStack Overflow用户
发布于 2013-01-05 01:25:20
要自定义ShadowBox预加载图像，请在shadowbox.css中编辑以下行中的background属性
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}Stack Overflow用户
发布于 2013-01-05 01:31:45
如果我正确理解了您的问题，您可以通过在shadowbox.css中嵌入css样式来更改所显示的图像，或者使用元素#sb-loading-inner span覆盖它。
下面是一个小提琴示例：http://jsfiddle.net/qrMsL/1/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14161459
复制相关文章
相似问题
腾讯云开发者
