用JavaScript文件中的圖像替換詞語

Question

我需要修改當前用於顯示圖像的JavaScript文件（這是一個標準的Lightbox 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

您需要進行此更換裏面燈箱插件，不在其設置中。

的msgLoading極有可能考慮到被給定爲一個字符串，接收到的字符串設置爲div，p或span元素的文本。

如果您發佈鏈接到lighbox插件的js文件或告訴我們插件名稱或您下載的網站名稱，也許我可以給你一個更準確的答案。這是一個標準的收藏夾JS是不完全有益

[編輯]因此，看來你正在使用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"}; 

[編輯]上面的代碼必須放置在HTML文件內，在head部，NOT插件。

這意味着你必須用

<script type='text/javascript'> 
/* <![CDATA[ */ 
var shutterSettings = {"msgLoading":"L O A D I N G","msgClose":"Click to Close","imageCount":"1"}; 
/* ]]> */ 
</script> 

Answer 2

http://lokeshdhakar.com/projects/lightbox/看第三點幫助...

如果你想向用戶顯示一個「加載」圖形，就像在例子中 動畫進度條上，在 指定其位置該lightbox.js文件的頂部：

var loadingImage = 'loading.gif';