Question

使用Lightbox 2我有一组链接可以创建一个名为“roadtrip”的画廊（相当标准），但是我还有一个更大版本的图片已经在页面的图库中，并希望这个打开“ roadtrip“没有它的画廊在现有图像中添加另一个实例。

我还有一个名为“查看大图像”的按钮，我想打开“roadtrip”图库，而不创建其他实例。

在我添加这些内容的那一刻，即使完全删除了href =“”，它仍然会在图库中触发一个空白实例，我只需要另外两个链接来打开图库，而不会尝试添加任何内容。

例如：

<a href="image1.jpg" rel="lightbox[roadtrip]">Image One</a>
<a href="image2.jpg" rel="lightbox[roadtrip]">Image Two</a>
<a href="image3.jpg" rel="lightbox[roadtrip]">Image Three</a>
<a href="image4.jpg" rel="lightbox[roadtrip]">Image Four</a>

<a rel="lightbox[roadtrip]">View Large Images</a>

问题是虽然“查看大图”会打开灯箱库，但我不希望灯箱实际上尝试从该链接（它自动执行）渲染任何内容，当点击“查看大图”时打开灯箱并在图库的第5个实例上挂起，然后您可以向左或向右单击以查看实际图像，但我更喜欢在“查看大图像”单击时打开“图像一”的灯箱[roadtrip]的情况

希望我已经正确地解释了事情，必须有办法做到这一点。

有人会知道如何实现这一目标吗？非常感谢您的帮助。

Answer 1

使用一些jQuery研究解决了这个问题，下面是我使用的解决方案。

你需要启动jQuery，它附带灯箱2。

HEAD部分数据：

<script type="text/javascript">

    $(document).ready(function() {

        $('#click-to-enlarge').click(function() {

            $('#gallery-image-1').trigger('click');

        });

    });

</script>

BODY部分数据：

<a href="image1.jpg" id="gallery-image-1" rel="lightbox[roadtrip]">Image One</a>
<a href="image2.jpg" rel="lightbox[roadtrip]">Image Two</a>
<a href="image3.jpg" rel="lightbox[roadtrip]">Image Three</a>
<a href="image4.jpg" rel="lightbox[roadtrip]">Image Four</a>

<a href="#" id="click-to-enlarge">View Large Images</a>

这是我第一次在这里回答问题，所以有人可能想让代码示例更“美观”让人们理解。

希望在我的情况下这有助于其他人：）

Lightbox 2，按链接打开现有图库，没有链接添加到图库

1 个答案: