灯箱 2，通过链接打开现有画廊，没有将链接添加到画廊答案

【问题标题】：Lightbox 2, Open existing gallery by link, without link being added to the gallery灯箱 2，通过链接打开现有画廊，没有将链接添加到画廊
【发布时间】：2013-08-09 23:18:10
【问题描述】：

使用 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] .

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

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

【问题讨论】：

标签： hyperlink triggers gallery lightbox

【解决方案1】：

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

你需要启动jQuery，它是lightbox 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>

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

希望这可以帮助我遇到的其他人:)

【讨论】：