0

現在画像を表示するために使用しているjavascriptファイルを変更する必要があります(これは標準のライトボックスJSです)。これは、変更する必要があるスクリプトの一部です。

settings : function() {
    var t = this, s = shutterSettings;

    t.imageCount = s.imageCount || 0;
    t.msgLoading = s.msgLoading || 'L O A D I N G';
    t.msgClose = s.msgClose || 'Click to Close';
},

基本的に、スクリプト内の「LOADING」という単語をローディング バーの gif に置き換える必要があります。これを行う方法について、誰かが正しい方向（チュートリアル、マニュアルなどへのリンク）に私を向けることができますか？<img>単語をorタグに置き換えようとしました<div>が、うまくいきませんでした。

4

2 に答える 2

1

この置換は、設定ではなく、ライトボックスプラグイン内で行う必要があります。

はmsgLoading文字列として指定されている可能性が非常に高く、受信した文字列は、、または要素のテキストとして設定さdivれpますspan。

lighboxプラグインのjsファイルへのリンクを投稿するか、プラグインの名前またはプラグインをダウンロードしたサイトを教えていただければ、より正確な回答を提供できるかもしれません。それが標準のライトボックスJSであるという事実は正確には役に立ちません

[編集]つまり、NextGENGalleryにShutterReloadedを使用しているようです 。プラグインのjsファイル（ここでは、この場合）を見ると、innerHTMLが設定されていることがわかります。したがって、を使用すると機能するimgはずです。

loading : function() {
        var t = this, S, WB, W;
        if ( (W = t.I('shWrap')) && W.style.visibility == 'visible' ) return;
        if ( ! (S = t.I('shShutter')) ) return;
        if ( t.I('shWaitBar') ) return;
        WB = document.createElement('div');
        WB.setAttribute('id','shWaitBar');
        WB.style.top = t.Top + 'px';
        WB.style.marginTop =(t.pgHeight/2) + 'px'
        WB.innerHTML = t.msgLoading;
        S.appendChild(WB);
    },

次の設定で試してください。

var shutterSettings = {"msgLoading":"<img src=\"http://redflexmedia.com/loading.gif\">","msgClose":"Click to Close","imageCount":"1"};

[編集]上記のコードは、プラグインではなく、セクション内のHTMLファイル内に配置する必要がありheadます。

つまり、この部品を交換する必要があります

<script type='text/javascript'>
/* <![CDATA[ */
var shutterSettings = {"msgLoading":"<img src=\"http://redflexmedia.com/loading.gif\">","msgClose":"Click to Close","imageCount":"1"};
/* ]]> */
</script>

と

<script type='text/javascript'>
/* <![CDATA[ */
var shutterSettings = {"msgLoading":"L O A D I N G","msgClose":"Click to Close","imageCount":"1"};
/* ]]> */
</script>
于 2012-10-31T15:24:45.373 に答える
1

http://lokeshdhakar.com/projects/lightbox/ 3番目のポイントが役立つかどうかを確認してください...

上記の例のアニメーション プログレス バーのような「読み込み中」のグラフィックをユーザーに表示する場合は、lightbox.js ファイルの上部にその場所を指定します。

var loadingImage = 'loading.gif';

于 2012-10-31T15:19:09.977 に答える