设置高度:' auto'在fancybox

时间:2012-07-21 11:36:50

标签: jquery fancybox

我正在寻找一种方法来自动设置图像的高度但是当我第一次点击图像时显示其中的一半而关闭自动缩放的原因但是当关闭并再次点击它再次显示图像时。有没有办法设置高度自动?这是代码。

$("a#example2").fancybox({
                    'autoDimensions': false,
                    'autoScale': false,
                    'width': 650,
                    'height': 650,
                    'overlayShow': true,
                    'transitionIn': 'elastic',
                    'transitionOut': 'elastic'
                });

1 个答案:

答案 0 :(得分:1)

对于图片,widthheight没有效果(autoDimensions也没有效果)。图像显示为“自动缩放”以适合视口(当autoScale设置为true时)或原始大小(autoScale设置为false时) )。

如果图片的高度高于视口且autoScale已设置为false,您可以向下滚动页面以查看完整图片。

在您的情况下,请确保将fancybox脚本包装在ready()方法中。

$(document).ready(function(){
 $("a#example2").fancybox({
  'autoScale': false,
  'overlayShow': true,
  'transitionIn': 'elastic',
  'transitionOut': 'elastic'
 });
});

如果您的链接看起来像"type": "image"或者没有图片扩展名(jpg,png,gif),您也可以尝试添加href="domain.com/path/image/?=4635"选项