Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/http/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何确定灯箱的尺寸?_Javascript - Fatal编程技术网

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个字符