Question

我需要修改我正在使用的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';
},

基本上我需要用加载栏gif替换脚本中的'LOADING'这个词。有人能指出我正确的方向（链接到教程，手册等）如何做到这一点？我尝试用<img>或<div>标记替换该字词，但这样做无效。

Answer 1

http://lokeshdhakar.com/projects/lightbox/看看第3点是否有帮助......

如果您想向用户显示“加载”图片，例如   上面示例中的动画进度条，指定其位置   lightbox.js文件的顶部：

var loadingImage = 'loading.gif';

Answer 2

您需要在灯箱插件中替换，而不是在其设置中。

msgLoading很可能被认为是一个字符串，收到的字符串被设置为div，p或span元素的文本。< / p>

如果你发布了一个链接到lighbox插件的js文件或告诉我们插件的名称或你下载它的网站，也许我可以给你一个更准确的答案。事实上它是一个标准的灯箱JS并不是很有帮助

[edit]所以看来你正在使用Shutter Reloaded for NextGEN Gallery 如果您查看插件的js文件（here，在您的情况下），您会看到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"};

[edit]上面的代码必须放在HTML文件中，head部分， NOT 插件。

这意味着您必须替换此部分

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

用javascript文件中的图像替换单词

2 个答案: