使用fancybox顯示原始圖像

Question

我想使用fancybox在彈出窗口中顯示原始圖像，但它似乎沒有工作。而是調整圖像和容器的寬度和高度。

這是我在做什麼：

$("a.fancybox").fancybox({ 
    padding : 0, 
    height : $(this).attr('data-height'), 
    width : $(this).attr('data-height'), 
    autoDimensions: false 
}); 

我的鏈接：

<a href="/system/creatives/images/000/000/008/original/new_creative_form.png?1402035793" data-width="1366" data-height="768" class="fancybox"> 
<img src="/system/creatives/images/000/000/008/thumb/new_creative_form.png?1402035793" class="img-responsive" alt="New creative form"> 
</a> 

任何想法，我應該怎麼辦呢？

Answer 1

要見你只需要設置fitToView到false像圖像的原始尺寸：

$(".fancybox").fancybox({ 
    fitToView: false 
}); 

見JSFIDDLE

在另一方面，如果你想操作傳遞的具體尺寸通過data屬性，然後使用beforeShow回撥如：

$(".fancybox").fancybox({ 
    fitToView: false, 
    beforeShow: function() { 
     this.width = this.element.data("width"); 
     this.height = this.element.data("height"); 
    } 
}); 

見JSFIDDLE

注意我們仍然NEDD fitToView: false。

重要：

這是的fancybox v2.1.5，請確保您下載到更新的latest master。