javascript - 不使用 标签调用 LightBox onclick

Question

对于图片库，我使用灯箱打开图片。我调用它的方式是通过一个带有数据相关性的 标签，如下所示。

<a href="../catalog-reseller/wall/abstract/w10197169324.jpg" data-rel="lightcase:gallery" title="w10197169324">

是否可以在不使用 的情况下调用完全相同的 onclick？

我的完整代码是:

<div class="justified">             
   <a href="../catalog-reseller/wall/abstract/w10197169324.jpg" data-rel="lightcase:gallery" title="w10197169324">
        <img src="../catalog-reseller/wall/abstract/w10197169324.jpg" alt="w10197169324">
    </a>
</div>

我想添加一些出现在图像悬停上的按钮，例如添加到购物车或添加到收藏夹。问题是 会影响图像区域中的所有内容，因此按钮无用，因为我在任何地方单击它都会打开图像。我认为使链接处于非事件状态并调用 lightbox onclick 一个单独的按钮将是一个解决方案。

Answer 1

最简单的解决方案是在链接上移动按钮。例如，创建这样的结构:

<div class="justified">             
   <a href="../catalog-reseller/wall/abstract/w10197169324.jpg" data-rel="lightcase:gallery" title="w10197169324">
        <img src="../catalog-reseller/wall/abstract/w10197169324.jpg" alt="w10197169324">
    </a>
    <button>Add to cart</button>
</div>

然后使用 CSS 使您的按钮绝对定位。