Lightbox2 이미지 번호가 맞지 않습니다! 항상 내가 위의 URL에서 코드의 세부 사항을 찾아주세요 "<a href="http://lokeshdhakar.com/projects/lightbox2/" rel="nofollow noreferrer">http://lokeshdhakar.com/projects/lightbox2/</a>"</p> <p>에서 Lightbox2을 사용하고 라이트 박스에 이미지 슬라이드 쇼를 만들기위한 마지막 이미지 번호 만

Question

을 보여줍니다.

동일한 이미지가 여러 번 표시 될 때 현재 문제가 있습니다. 그런 다음 반복되는 이미지 중 하나를 클릭하여 라이트 박스에서 열면 마지막 이미지의 번호가 표시됩니다.

은 아래 이미지 참조하십시오 :이 경우

을, 나는 열려면 1 이미지를 클릭하지만, 아래의 표시 "이미지 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> 

모든 스크립트는 "http://lokeshdhakar.com/projects/lightbox2/는"

당신이 아무것도 필요하면 알려 주시기 바랍니다 URL에서 찾을 수 있습니다.

친절히 제안합니다.

Answer 1

id이 고유하지 않은 것이 문제 일 가능성이 높습니다.

pickheadImageLighbox-1 등으로 카운터 등을 추가해보세요. 페이지의 모든 id에 대해 동일하게 적용됩니다. 동일한 문자열을 반복해서 사용하고 그룹화하려면 id 대신 class을 사용해야합니다.