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

Question

我正在尝试扩展fancybox以允许新按钮在新窗口中打开当前图像。我计划通过onComplete添加这个，虽然我可以在API中找到解释如何从当前图像获取的任何信息：

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

或者，如果您能指出我如何使用“currentArray，currentIndex，currentOpts”

的一些文档的方向

Answer 1

试试这个（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);
  }
});