javascript - 花式框添加按钮onComplete在新窗口中打开当前图像

我正在尝试扩展fancybox，以允许使用新按钮在新窗口中打开当前图像。尽管我可以在API中找到任何说明如何从以下位置获取当前图像的信息，但我仍计划通过onComplete添加它：

'onComplete' : function(currentArray, currentIndex, currentOpts){
    alert(currentArray.title);
}

或者，如果您可以指出一些有关如何使用“ currentArray，currentIndex，currentOpts”的文档的说明，

最佳答案

试试这个（demo）：

CSS（我使用了向右箭头图标，但可以在任意位置更改和/或移动此图标）

#external-link {
  position: absolute;
  top: -15px;
  right: 10px;
  width: 30px;
  height: 30px;
  background: transparent url('http://i56.tinypic.com/s5wupy.png') -40px -60px;
  cursor: pointer;
  z-index: 1103;
}

脚本

$('.popbox').fancybox({
  onComplete: function(currentArray, currentIndex, currentOpts){
    var currentUrl = currentArray[currentIndex].href,
      link = '<a target="_blank" id="external-link" title="Open in a new tab" href="' + currentUrl + '"></a>';
    $('#fancybox-close').before(link);
  }
});