0

Is there any way where I can disable shadowbox default loading image. We need to show our company loading image only. Right now, it shows shadowbox loading image and then our loading image.

Shadowbox.open({
 content:$("#load_image").html(),
 player:'html',
 width:250,
 height:100,
 options:{modal:true}
});

Thank you

4

3 回答 3

1

修改css的建议还不错。

仅将另一个图像应用于特定链接并不是很困难。

为您希望在 Shadowbox 中包含公司徽标的链接提供一个特殊的类名（我将"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。

现在，您可以使用选择器将不同的图像作为加载图像应用于这些特定链接：

html.foo #sb-loading-inner span
于 2013-01-09T20:58:35.017 回答
0

如果我正确理解您的问题，您可以通过在 shadowbox.css 中更改 css 样式来更改显示的图像，或者为元素覆盖它#sb-loading-inner span

这是一个示例小提琴：http: //jsfiddle.net/qrMsL/1/

于 2013-01-04T17:31:45.180 回答
0

要自定义 ShadowBox 预加载图像，请编辑background以下行中的属性shadowbox.css：

#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
于 2013-01-04T17:25:20.167 回答