首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >nanogallery2:是否可以在点击缩略图时转到链接,而不是打开lightbox

nanogallery2:是否可以在点击缩略图时转到链接,而不是打开lightbox
EN

Stack Overflow用户
提问于 2020-04-28 22:15:41
回答 1查看 268关注 0票数 0

我正在使用nanogallery2。我动态地将一些项目添加到我的图库中(通过使用这个示例:https://codepen.io/Kris-B/pen/wJKowg)。我知道通过设置选项thumbnailOpenImage: false,我们可以禁止在缩略图被点击时显示lightbox。是否可以为库中的项目设置链接,以便在用户触摸缩略图时将其发送到该链接?

EN

回答 1

Stack Overflow用户

发布于 2020-05-13 17:51:58

您可以使用属性destinationURL定义自定义URL。

从上面提到的Codepen,下面是一个例子:

代码语言:javascript
复制
  ...
  // 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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61482374

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档