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

【问题标题】：Lightbox2 Image numbers are not right! Always show the last image number onlyLightbox2 图片编号不对！始终仅显示最后一个图像编号
【发布时间】：2013-09-30 18:35:43
【问题描述】：

为了使用灯箱创建图像幻灯片，我使用的是 Lightbox2 "http://lokeshdhakar.com/projects/lightbox2/"

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

我现在遇到了一个问题，当我多次显示相同的图像时。然后当您单击任何重复的图像以在灯箱中打开时，它会显示最后一张图像的编号。

请看下图：

在这种情况下，我单击第一个图像打开，但在底部显示“图像 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>

所有脚本都可以从 URL“http://lokeshdhakar.com/projects/lightbox2/”中找到

如果您还需要什么，请告诉我。

请推荐。

【问题讨论】：

标签： javascript jquery lightbox lightbox2

【解决方案1】：

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

尝试添加一个计数器或类似的东西，这样你就有了pickheadImageLighbox-1 等等。页面上的所有ids 也是如此。如果你想一遍又一遍地使用相同的字符串，对它们进行分组，你应该使用class而不是id。

【讨论】：