当前位置：文江博客话题详情

jQuery Lightbox 单图显示

发布于 2024-12-07 13:29:14 字数 96 浏览 4 评论 0原文

有没有办法让灯箱只显示单击的图像而不显示整个图库。我不想让用户能够看到除了他们单击的图像之外的其他图像，但文档似乎没有反映这一功能。

任何帮助或示例将不胜感激。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

爱给你人给你 2024-12-14 13:29:14

尝试将其添加到您的 CSS 中：

#lightbox-nav a {
    display:none !important;
}

Try adding this to your CSS:

#lightbox-nav a {
    display:none !important;
}

回复收藏 0 原文

屌丝范 2024-12-14 13:29:14

您可以隐藏导航，如另一个答案中所述
但一个不错的解决方案是单独初始化每个项目上的灯箱插件。

您可以这样做，而不是 $('#gallery a').lightBox();：

$('#gallery a').each(function(){
    $(this).lightBox();
});

图库实际上是由适合选择器的每个项目组成的，
如果您选择 10 个项目，这些项目将成为您的图库，但如果您分别在每个项目上启动 .lightBox()，它们都会被添加到自己的图库中（当只有 1 个项目被选中时，插件会隐藏控件）在画廊中。）

请参阅此处的示例：
http://jsfiddle.net/saelfaer/kwdBf/

you can hide the navigation as explained in another answer here
but a nice solution is to initialize the lightbox plugin on each item separately.

instead of $('#gallery a').lightBox(); you can do this:

$('#gallery a').each(function(){
    $(this).lightBox();
});

the gallery is actually made of each item that fits the selector,
if you select 10 items those will be your gallery, but if you launch .lightBox() on each separately, they each get added to their own gallery (convenientely the plugin hides the controls when only 1 items is in the gallery.)

see an example here:
http://jsfiddle.net/saelfaer/kwdBf/

回复收藏 0 原文

~没有更多了~