显示来自 fancybox 的蛋形图像答案

【问题标题】：showing egg shaped images from fancybox显示来自 fancybox 的蛋形图像
【发布时间】：2019-03-20 14:09:59
【问题描述】：

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

我正在使用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,

});
 });

图片供参考

【问题讨论】：

这看起来像是您可能添加的一些额外样式 - 从未见过 fancybox 在弹出窗口周围添加这样的边框。为什么不尝试检查元素以查看创建它的原因，然后从样式表中删除该 css
@Pete 你是对的

标签： css fancybox fancybox-2

【解决方案1】：

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

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

【讨论】：