Lightbox 2，按链接打开现有图库，没有链接添加到图库-Java 学习之路

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

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

谁会有任何想法如何实现这一目标？非常感谢您的帮助 .

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>

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

希望这有助于我的情况:)

回复于 2024-05-07T11:04:04+08:00

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

1 回答

相关问题