我正在使用nanogallery2。我动态地将一些项目添加到我的图库中(通过使用这个示例:https://codepen.io/Kris-B/pen/wJKowg)。我知道通过设置选项thumbnailOpenImage: false,我们可以禁止在缩略图被点击时显示lightbox。是否可以为库中的项目设置链接,以便在用户触摸缩略图时将其发送到该链接?
发布于 2020-05-13 17:51:58
您可以使用属性destinationURL定义自定义URL。
从上面提到的Codepen,下面是一个例子:
...
// create the new item
var ID = ngy2data.items.length + 1;
var albumID = '0';
var newItem = NGY2Item.New(instance, 'new berlin ' + ID, '', ID, albumID, 'image', '' );
// define thumbnail -> image displayed in the gallery
newItem.thumbSet( baseURL + 'berlin2t.jpg', 135, 204); // w,h
// define URL of the media to display in lightbox
newItem.setMediaURL( baseURL + 'berlin2.jpg', 'img');
// DEFINE YOUR SPECIFIC URL
newItem.destinationURL = "[CUSTOM_URL]";
...无需禁用thumbnailOpenImage选项。
替代解决方案:
使用fnThumbnailOpen回调。
下面的示例展示了如何将内部lightbox替换为Fancybox:https://codepen.io/Kris-B/pen/zZNMJj
https://stackoverflow.com/questions/61482374
复制相似问题