css - 显示来自 fancybox 的蛋形图像

Question

我想删除那个白色背景并使用花式框以固定宽度大小显示整个图像，截至目前它显示的是蛋形图像。我错过了一些配置更改吗？

我正在使用 fancyBox v2.1.5

和以下库

jquery.fancybox.css 
jquery.fancybox-buttons.css 
jquery.fancybox.css 
jquery.fancybox-thumbs.css 

jquery.fancybox.pack.js 
jquery.fancybox-buttons.js 
jquery.fancybox-media.js 
jquery.fancybox-thumbs.js 

和CSS作为

  $(document).ready(function () {
     $(".fancybox").fancybox({
    loop : false, "autoScale": false,
      buttons: [
    "zoom",    
    "slideShow",
    "thumbs",
    "close"
  ],
    AutoDimension: true,

});
 });

图片供引用

Answer 1

我终于找到了这个问题的答案或原因。

我显示的是小尺寸图片的缩略图具有 border-radius:50 % 属性，它会导致缩略图圆 Angular 和蛋形图像。因此，当我们单击缩略图时，它占用的大小与打开时花式框中的缩略图图像大小相同。当我删除此属性时，问题解决了。