如何找出灯箱的尺寸？

Question

关于灯箱。该框调整其尺寸以匹配图片。问题是盒子如何找出图片的大小？

Answer 1

要回答关于检测何时完成加载的评论，我相信您可以使用onLoad事件。在jquery中，这看起来像是：

$('img').attr('src', 'uri/for/image').load(callbackFunction);

或手动：

var tmp = new Image();
tmp.onload = callbackFunction;
tmp.src = 'uri/for/image';

您的callbackFunction可以安全地使用$(this).height()和$(this).height()。所以你的callbackFunction就是实际逻辑触发其余实现的地方。

在很多情况下，如果看到这个回调（或其等效实现）只是设置一个全局变量，然后在代码中的其他地方你会看到每N ms轮询一次这个变量。当它设置时，它将触发脚本的其余部分。

Answer 2

我假设类似于：

imgWidth = $(img).width();
imgHeight = $(img).height();

它会将图像加载到隐藏元素中（或放置在屏幕外），获取尺寸，使容器动画化以适应，然后曝光图像（通常通过某种过渡/动画）。