Javascript 获取图像';s';雷亚尔';IE中的宽度和高度
我目前正在建立一个网站,并使用Shadowbox JS插件来显示图像 因为我们通过JSP提供图像(而不是直接链接到图像文件),Shadowbox似乎无法动态确定它们的宽度和高度,所以只能在屏幕大小的重叠中打开图像 可以使用“rel”手动将宽度和高度传递给shadowbox插件,因此我使用以下代码解决了FF/Chrome/Safari的问题:Javascript 获取图像';s';雷亚尔';IE中的宽度和高度,javascript,html,image,internet-explorer,shadowbox,Javascript,Html,Image,Internet Explorer,Shadowbox,我目前正在建立一个网站,并使用Shadowbox JS插件来显示图像 因为我们通过JSP提供图像(而不是直接链接到图像文件),Shadowbox似乎无法动态确定它们的宽度和高度,所以只能在屏幕大小的重叠中打开图像 可以使用“rel”手动将宽度和高度传递给shadowbox插件,因此我使用以下代码解决了FF/Chrome/Safari的问题: $('#pic1img').attr("src")).load(function() { picWidth = this.wi
$('#pic1img').attr("src")).load(function() {
picWidth = this.width;
picHeight = this.height;
});
$(window).load(
function() {
var w = $("#pic1img").width();
var h = $("#pic1img").height();
if( picWidth < w ){ picWidth = w; }
if( picHeight < h ){ picHeight = h; }
$('#pic1').attr('rel', 'shadowbox[pics];height=' + picHeight + ';width=' + picWidth);
}
);
$('pic1img').attr(“src”).load(函数(){
picWidth=此宽度;
picHeight=这个高度;
});
$(窗口)。加载(
函数(){
var w=$(“#pic1img”).width();
var h=$(“#pic1img”).height();
如果(picWidth
但是我在IE中找不到任何方法来做同样的事情。一旦我开始加载缩略图的全尺寸,然后在加载后设置其宽度和高度,代码实际上就起作用了 问题是我把周围的一个div设置为
display: none
直到图像被加载,IE无法计算出隐藏图像的大小
通过设置
visibility: hidden
相反。IE中具体发生了什么?您正在查找naturalWidth和naturalHeight属性吗?有关此主题的详细信息:除此之外,您还可以使用
position:absolute
防止隐藏图像占用屏幕空间(在大多数情况下)。