lightbox - 使用 onClick 事件调用 Lightbox

Question

我有一个使用无序列表的画廊，如下所示：

<ul>
    <li style="background: center no-repeat #bc874c url(images/image-01.jpg)"></li>
    <li style="background: center no-repeat #bc874c url(images/image-02.jpg)"></li>
    <li style="background: center no-repeat #bc874c url(images/image-03.jpg)"></li>
    <li style="background: center no-repeat #bc874c url(images/image-04.jpg)"></li>
</ul>

如您所见，我正在使用元素的背景来显示图像，所以，我想当用户单击li元素时，会打开一个灯箱，这可能吗？

提前非常感谢。

Answer 1

您可以在每个 LI 中放置一个 onclick 事件，但将 href 链接放在每个 li 中会更容易。

<ul>
   <li onclick="alert('here');" style="background: center no-repeat #bc874c url(images/image-01.jpg)"></li>
   <li style="background: center no-repeat #bc874c url(images/image-02.jpg)"></li>
   <li style="background: center no-repeat #bc874c url(images/image-03.jpg)"></li>
   <li style="background: center no-repeat #bc874c url(images/image-04.jpg)"></li>
</ul>

也许创建一个 jquery 函数并将图像 url 作为变量传递..让我知道，我也许可以为你写一些东西