JQuery Lightbox - 对不是链接的图像进行分组
这就是我想要实现的目标。
我正在创建一个简单的在线商店，其中显示产品网格。如果我点击产品的照片，它应该会打开一个灯箱窗口。但是，我希望能够单击“下一个”和“上一个”来查看同一图库中的图像，但是该图库中的这些其他图像实际上并未显示在网页本身上。
所以我想从网页上的单个 img 链接对图像库进行分组。这可能吗？
Here is what I want to achieve.
I am creating a simple online shop which displays a product grid. If I click on the photo of the product it should open up a lightbox window. However I want to be able to click Next and Prev to view images in the same gallery, however these other images in this gallery is not actually displayed on the webpage itself.
So I want to subgroup an image gallery from a single img link from the webpage. Is this possible?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
尝试添加页面上的所有图像，但
显示：无除第一个图像外的所有图像。Try adding all images on the page but
display: noneall of them except the first one.您可以在网站中创建一些空锚点，但在
src中使用正确的链接，在rel中使用组。You could create some empty anchors in the site, but with the right link in
srcand group inrel.我已经设置了一些网页来展示如何使用“slimbox2”灯箱插件的示例。该网站是 http://www.trips.elusien.co.uk 点击“slimbox示例”链接。
一个这样的例子展示了如何做到这一点。基本上，正如 Marnix 之前所说，在网页上“放置一些空链接”。或者通过 CSS“display: none”隐藏它们。
问候
尼尔
I have set up some webpages to show examples of how to use the "slimbox2" lightbox plugin. The site is http://www.trips.elusien.co.uk click on the "slimbox examples" link.
One such example shows how you might do this. Basically, as Marnix said earlier, "put some empty links" on the webpage. Or hide them via CSS "display: none".
Regards
Neil
fancybox 只是允许您创建一个包含在锚点中的缩略图，并根据需要加载放大的图像。
fancybox simply allows you to create a thumbnail wrapped in an anchor and loads the enlarged image on demand.