0

シャドーボックスのデフォルトの読み込み画像を無効にする方法はありますか? 会社の読み込みイメージのみを表示する必要があります。現在、シャドーボックスの読み込みイメージと読み込みイメージが表示されています。

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

ありがとうございました

4

3 に答える 3

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>。

セレクターを使用して、これらの特定のリンクに別の画像を loading-image として適用できるようになりました。

html.foo #sb-loading-inner span
于 2013-01-09T20:58:35.017 に答える
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 に答える
0

あなたの質問を正しく理解している場合は、shadowbox.css の css スタイルを変更するか、要素のそれをオーバーライドして、表示される画像を変更できます。#sb-loading-inner span

フィドルの例を次に示します: http://jsfiddle.net/qrMsL/1/

于 2013-01-04T17:31:45.180 に答える