Lightbox2图片编号不对！始终只显示最后一个图像编号

Question

要使用灯箱创建图像幻灯片，我使用的是Lightbox2 “http://lokeshdhakar.com/projects/lightbox2/”

请从上面的网址中找到代码详细信息。

我现在遇到一个问题，当我有相同的图像显示次数。 然后当你点击任何重复的图像在灯箱中打开时，它会显示最后一张图片的号码。

请参阅下图：

在这种情况下，我点击第一张图片打开，但在底部显示“Image 4 of 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/”

中找到

如果您还有其他需要，请告诉我。

请建议。

Answer 1

您的问题很可能是id不唯一（它们应该是）。

尝试添加计数器或类似内容，因此您拥有pickheadImageLighbox-1等等。同样适用于页面上的所有id。如果您要反复使用相同的字符串，要对它们进行分组，则应使用class而不是id。