禁用shadowbox默认加载图片

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

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

谢谢

来源

2013-01-04 Asif Alamgir

哈哈哈：P请编辑您的问题添加一些代码：d –

你的意思是定制shadowbox.js默认加载图片？ –

要定制太极拳预加载图像，编辑下面一行的background财产shadowbox.css：

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

来源

2013-01-04 17:25:20

如果我正确理解你的问题，你可以改变图像显示通过在shadowbox.css中更改css样式或将其替换为元素#sb-loading-inner span

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

来源

2013-01-04 17:31:45

我相信如果我更改了shadowbox的css，它将被应用到网站的任何地方。我想要特定的网站中的shadowbox。 –

修改CSS的建议并不差。

仅将其他图像应用于特定链接并不是很困难。

给的链接，你希望有公司标志的太极拳里面一个特殊的类名（我将在这个例子中使用"foo"）

使用此初始化太极拳：

Shadowbox.init(
       { 
        onOpen:function(){ 
          if($(Shadowbox.gallery[Shadowbox.current].link) 
           .hasClass('foo')){ 
            $('html').addClass('foo'); 
           } 
         }, 
        onClose:function(){$('html').removeClass('foo');} 
         } 
      );

它将检查点击的链接是否具有特殊的className foo。当它这样做时，它会将此类名称添加到<html> -element中。

现在，您可以通过选择作为装载图像应用不同的图像，以这些特定链接：

html.foo #sb-loading-inner span

来源

2013-01-09 20:58:35

这一刻我不能确认。我们已经按照它的方式推出了我们的网站。我可能会在下一阶段修复它，我会确认它是否正确。但+1详细答案。谢谢 –

禁用shadowbox默认加载图片

回答

相关问题