Question

有什么办法可以禁用shadowbox默认加载图片。我们只需要显示我们公司的加载图片。现在，它显示了shadowbox加载图像，然后是我们的加载图像。

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

谢谢

Answer 1

修改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> - 元素。

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

html.foo #sb-loading-inner span

Answer 2

要自定义ShadowBox预加载图片，请修改background中以下行中的shadowbox.css属性：

#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}

Answer 3

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

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

禁用shadowbox默认加载图像

3 个答案: