显示来自 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 % 的属性，它导致缩略图图像圆角和蛋形图像。因此，当我们单击缩略图时，它占用的大小与打开时花式框中的缩略图图像大小相同。当我删除这个属性时，问题就解决了。

显示来自 fancybox 的蛋形图像

showing egg shaped images from fancybox

css

fancybox

fancybox-2