1

我已经成长为非常喜欢这个全屏 HTML5/jQuery 幻灯片：

http://eikes.github.com/jquery.fullscreen.js/

与大多数灯箱/画廊幻灯片一样，会显示一组缩略图，用户可以单击其中任何一个来开始幻灯片放映。缩略图集等于幻灯片中将显示的图像数量。

是否可以根本不显示缩略图？我可以只显示一个开始幻灯片的文本链接吗？

Lightbox 2的标记如下所示：

<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>

它类似于我前面提到的“ jQuery HTML5 全屏幻灯片”。看起来我只需将文本放在锚标签内，而不是img显示缩略图的常用标签，就可以轻松地拥有纯文本链接。

现在是真正的问题：我可以隐藏其他两个链接并只显示一个吗？这样会显示一个链接，但幻灯片仍然会拉出三个图像。我曾想过通过display:none添加链接来使用 css，但这似乎不是正确的做法。还有其他用css在视觉上隐藏它的方法，但我想也许用javascript会有更好的方法。不幸的是，我对 javascript 没有那么丰富的经验。

这是我运行jQuery HTML5 Fullscreen Slideshow的测试站点。出于某种原因，它需要在锚标签内初始化幻灯片。img

4

1 回答 1

0

你已经有了 jQuery，为什么不使用它的hide()功能：http ://api.jquery.com/hide/ 看起来你可以挂钩开始和停止显示事件，所以如果不让它们可见是个问题，你可以分别取消隐藏和隐藏。

但是，没有理由display: none不能通过内联 css 或 css 文件在锚点上使用。这似乎完全合理。

于 2012-05-22T07:43:45.710 回答