显示来自fancybox的蛋形图像

问题描述 投票:0回答:1

我想删除那个白色背景,并使用花式盒子以固定宽度尺寸显示整个图像,截至目前它显示的是蛋形图像。我错过了一些配置更改?

我正在使用fancyBox v2.1.5

以及libs

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

css fancybox fancybox-2
1个回答
0
投票

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

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

© www.soinside.com 2019 - 2024. All rights reserved.