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作为变量传递。我知道，我可以为你写一些东西

使用onClick事件调用Lightbox

1 个答案: