Javascript 如何确定灯箱的尺寸?
关于灯箱。长方体调整其尺寸以匹配图片。问题是盒子是如何确定图片的大小的?我假设类似于:Javascript 如何确定灯箱的尺寸?,javascript,Javascript,关于灯箱。长方体调整其尺寸以匹配图片。问题是盒子是如何确定图片的大小的?我假设类似于: imgWidth = $(img).width(); imgHeight = $(img).height(); 它会将图像加载到一个隐藏的元素中(或定位在屏幕外),获取尺寸,设置容器的动画以适应,然后暴露图像(通常通过某种过渡/动画)。要回答关于何时完成加载检测的评论,我相信您可以使用onLoad事件。在jquery中,这看起来像: $('img').attr('src','uri/for/image').
imgWidth = $(img).width();
imgHeight = $(img).height();
它会将图像加载到一个隐藏的元素中(或定位在屏幕外),获取尺寸,设置容器的动画以适应,然后暴露图像(通常通过某种过渡/动画)。要回答关于何时完成加载检测的评论,我相信您可以使用onLoad事件。在jquery中,这看起来像:
$('img').attr('src','uri/for/image').load(callbackFunction)代码>
或手动:
var tmp = new Image();
tmp.onload = callbackFunction;
tmp.src = 'uri/for/image';
然后,您的调用函数可以安全地使用$(this).height()
和$(this).height()
。因此,callbackFunction
是触发其余实现的实际逻辑所在
在很多情况下,如果看到此回调(或其等效实现),只需设置一个全局变量,然后在代码中的其他地方,您将看到每隔N毫秒轮询一次此变量,当设置此变量时,它将触发脚本的其余部分。我如何知道pic何时完成下载?fu必需-至少15个字符