0

为了使用灯箱创建图像幻灯片，我使用来自“ http://lokeshdhakar.com/projects/lightbox2/ ”的 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/ ”中找到

如果您需要其他任何东西，请告诉我。

请建议。

4

1 回答 1

0

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

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

于 2013-12-06T10:16:42.410 回答