花式框添加按鈕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); 
    } 
});