当 div 被隐藏时 (display:none
)浏览器将不会加载其中的图像。有没有办法告诉浏览器加载图像?我需要图像的高度和宽度来进行一些预处理。
注意:由于一些其他代码,我无法使 div 可见。检查这里的例子。
另外,“延迟加载”示例对我来说不起作用。
我添加了一些预加载,将其包装到一个函数中,这样就达到了目的:
function getImageDimension(el, onReady) {
var src = typeof el.attr === 'function' ? el.attr('src') : el.src !== undefined ? el.src : el;
var image = new Image();
image.onload = function(){
if(typeof(onReady) == 'function') {
onReady({
width: image.width,
height: image.height
});
}
};
image.src = src;
}
可以用作:
getImageDimension($('#img1'), function(d){ alert(d.height); });
var url = 'http://urology.jhu.edu/patrickwalsh/photo1.jpg';
getImageDimension(url, function(d){ alert(d.height); });
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)