0

Stack Overflow 提供了一些非常有用的提示：运行多个 LightBox 画廊等，但我还有一个问题希望你们能帮助...

在静态 HTML 页面中，我有一个用户单击以启动 LightBox 库的图像；非常简单的东西，就像常规的 LightBox 演示一样。

但是，我想在实际显示“单击此处查看图库”的图像下方包含一个“a href”按钮（对于那些可能不知道他们需要单击图像以启动图库等的用户）。

您能否告诉我基本的“a href”按钮需要什么代码才能在单击后立即启动 LightBox 画廊？

非常感谢

4

1 回答 1

0

如果您阅读了灯箱网站上的如何使用部分，您可以看到重要的内容：

rel="lightbox" 属性。这意味着该链接应该作为灯箱叠加层中的图像打开，因此 <a> 标记内的内容无关紧要。

还有一个关于对这些链接进行分组的示例：

<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

请注意，rel="" 属性已更改。灯箱后面有一个 [groupname] 部分。具有相同组名的链接将在一个画廊中打开。

如果您对 javascript 知之甚少，这种不显眼的 lightbox2 方法很有效。无需编写单行 javascript 代码，只使用 rel 属性。

于 2012-11-02T09:49:59.157 回答