Jquery 设置高度:';自动';在fancybox中
我一直在寻找一种方法来自动设置图像的高度,但关闭自动缩放功能,因为当我第一次单击图像时,它会显示一半,但当关闭并再次单击时,它会真正显示图像。有没有办法自动设置高度?这是密码Jquery 设置高度:';自动';在fancybox中,jquery,fancybox,Jquery,Fancybox,我一直在寻找一种方法来自动设置图像的高度,但关闭自动缩放功能,因为当我第一次单击图像时,它会显示一半,但当关闭并再次单击时,它会真正显示图像。有没有办法自动设置高度?这是密码 $("a#example2").fancybox({ 'autoDimensions': false, 'autoScale': false, 'width': 650,
$("a#example2").fancybox({
'autoDimensions': false,
'autoScale': false,
'width': 650,
'height': 650,
'overlayShow': true,
'transitionIn': 'elastic',
'transitionOut': 'elastic'
});
对于图像,
宽度
和高度
无效(自动标注也无效)。图像显示为“自动缩放”以适应视口(当autoScale
设置为true
时)或以其原始大小(当autoScale
设置为false
时)
如果图像的高度高于视口,并且autoScale
已设置为false
,则可以向下滚动页面以查看完整图像
在您的情况下,请确保将fancybox脚本包装在ready()
方法中
$(document).ready(function(){
$("a#example2").fancybox({
'autoScale': false,
'overlayShow': true,
'transitionIn': 'elastic',
'transitionOut': 'elastic'
});
});
如果您的链接看起来像href=“domain.com/path/image/?=4635”
或者没有图像扩展名(jpg、png、gif),您也可以尝试添加选项“type”:“image”