我已经长大真的很喜欢这个全屏HTML5/jQuery的幻灯片:全屏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 Fullscreen Slideshow” 我前面提到的。它看起来像我可以很容易地通过将文本放在锚标记中,而不是显示缩略图的通常的img
标记具有文本链接。
现在对于真正的问题:我可以隐藏其他两个环节,只是显示一个?这样一个单一的链接显示,但幻灯片仍然拉起三个图像。我想通过在链接上放置display:none
来使用css,但它似乎并不是正确的做法。还有其他的方式可以用CSS隐藏它,但我想也许会有更好的方式与JavaScript。不幸的是,我对JavaScript没有这种经验。
这是我的testing site运行jQuery HTML5 Fullscreen Slideshow。出于某种原因,它需要在锚标签内的img
初始化幻灯片。
您需要扩展当前的JavaScript。只显示一个幻灯片隐藏别人与jQuery'css()' –
所以我会添加CSS到我想通过jQuery隐藏的链接?我会在这些链接上放置“display:none”吗?另外,我怎么写这个呢? – davecave