显示来自fancybox的蛋形图像

时间:2019-03-20 14:10:00

标签: css fancybox fancybox-2

我想删除白色背景,并使用精美的框以固定的宽度显示整个图像,到目前为止,它正在显示蛋形图像。我是否缺少一些配置更改?

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

});
 });

图片供参考  Click here for Image

1 个答案:

答案 0 :(得分:0)

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

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