2013-09-30 30 views
0

創建具有收藏夾圖像幻燈片我使用Lightbox2從 「http://lokeshdhakar.com/projects/lightbox2/Lightbox2圖片號碼不正確!總是顯示最後的圖像數量僅

請找到上面的URL代碼的細節。

我現在有一個問題,當我有相同的圖像顯示次數。 ,然後當您點擊任何重複的圖片在燈箱中打開時,它會顯示最後一張圖片的編號。

請參見下圖:enter image description here

在這種情況下,我點擊了第一個圖像打開,但在底部的表現「圖片4 4」

同樣的問題我也發現被在這裏登錄:https://github.com/lokesh/lightbox2/issues/90,但沒有解決方案。

請從下面附上我的HTML代碼:

<div id="list"> 
    <div> 
    <p> <a id="pickheadImageLightBox" data-lightbox="image-1" title="Pickhead" href="/Content/Images/graphics/cameraNotFound.jpg"> <img alt="0" id="pickheadImage" src="/Content/Images/graphics/cameraNotFound.jpg" width="200" height="150"> </a> </p> 
    <p> <strong>Pickhead:</strong><br> 
     <span id="pickheadImageDetails">Camera Not Found</span> </p> 
    </div> 
    <div> 
    <p> <a id="pickheadImageLightBox" data-lightbox="image-1" title="Processing Station Side" href="/Content/Images/graphics/cameraNotFound.jpg"> <img alt="1" id="pickheadImage" src="/Content/Images/graphics/cameraNotFound.jpg" width="200" height="150"> </a> </p> 
    <p> <strong>Processing Station Side:</strong><br> 
     <span id="pickheadImageDetails">Camera Not Found</span> </p> 
    </div> 
    <div> 
    <p> <a id="pickheadImageLightBox" data-lightbox="image-1" title="Processing Station Top" href="/Content/Images/graphics/cameraNotFound.jpg"> <img alt="2" id="pickheadImage" src="/Content/Images/graphics/cameraNotFound.jpg" width="200" height="150"> </a> </p> 
    <p> <strong>Processing Station Top:</strong><br> 
     <span id="pickheadImageDetails">Camera Not Found</span> </p> 
    </div> 
    <div> 
    <p> <a id="pickheadImageLightBox" data-lightbox="image-1" title="Card Scan" href="/Content/Images/graphics/cameraNotFound.jpg"> <img alt="3" id="pickheadImage" src="/Content/Images/graphics/cameraNotFound.jpg" width="200" height="150"> </a> </p> 
    <p> <strong>Card Scan:</strong><br> 
     <span id="pickheadImageDetails">Camera Not Found</span> </p> 
    </div> 
</div> 

所有的腳本可以從URL「http://lokeshdhakar.com/projects/lightbox2/

請讓我知道,如果你有什麼事被發現。

請提出建議。

回答

0

你的問題很可能是你的id不是唯一的(他們應該是)。

嘗試添加一個計數器或類似的東西,所以你有pickheadImageLighbox-1等等。頁面上的所有id s也是如此。如果您想一遍又一遍地使用相同的字符串進行分組,則應該使用class而不是id