关于 javascript:JQuery Lightbox – 对不是链接的图像进行分组 | 珊瑚贝

JQuery Lightbox – grouping images which are not a link


这就是我想要实现的目标。

我正在创建一个显示产品网格的简单在线商店。如果我点击产品的照片,它应该会打开一个灯箱窗口。但是,我希望能够单击 Next 和 Prev 以查看同一图库中的图像,但是此图库中的这些其他图像实际上并未显示在网页本身上。

所以我想从网页的单个 img 链接中对图片库进行分组。这可能吗?


fancybox 只允许您创建包裹在锚点中的缩略图并按需加载放大的图像。


尝试添加页面上的所有图像,但 display: none 除了第一个之外的所有图像。


我已经设置了一些网页来展示如何使用”slimbox2″灯箱插件的示例。该网站是 http://www.trips.elusien.co.uk 点击”slimbox 示例”链接。

一个这样的例子展示了你可以如何做到这一点。基本上,正如 Marnix 之前所说,在网页上”放置一些空链接”。或者通过 CSS “display: none” 隐藏它们。

问候
尼尔


您可以在站点中创建一些空锚点,但在 src 中使用正确的链接并在 rel 中使用组。


来源:https://www.codenong.com/4713984/

微信公众号
手机浏览(小程序)

Warning: get_headers(): SSL operation failed with code 1. OpenSSL Error messages: error:14090086:SSL routines:ssl3_get_server_certificate:certificate verify failed in /mydata/web/wwwshanhubei/web/wp-content/themes/shanhuke/single.php on line 57

Warning: get_headers(): Failed to enable crypto in /mydata/web/wwwshanhubei/web/wp-content/themes/shanhuke/single.php on line 57

Warning: get_headers(https://static.shanhubei.com/qrcode/qrcode_viewid_9912.jpg): failed to open stream: operation failed in /mydata/web/wwwshanhubei/web/wp-content/themes/shanhuke/single.php on line 57
0
分享到:
没有账号? 忘记密码?