为什么我不能找出具有自动宽度的元素的宽度？

Question

我正在尝试创建图像的横向幻灯片。包含幻灯片的面板正好是1200px宽。在页面加载时，PHP会在此面板中加载图像。图像的数量并不总是相同，我不希望幻灯片开始，除非加载的图像的集体宽度超过1200px容器的宽度。

问题是，所有图像都有各种尺寸，从150x100到1980x1200。通过将图像高度设置为50并使其宽度自动重新缩放，图像可以放入条形图中。

现在，使用任何其他编程语言创建此幻灯片面板非常简单。我在这里用javascript受苦，因为我根本无法找到任何获得图像新宽度的方法。它们都使用jQuery outerWidth（）

读取宽度：0px

我甚至尝试在图像外部的1200px面板中放置一个div包装器，希望div会自动缩放图像的宽度并给我它们的集体宽度，但它会读取1200px（jQuery outerWidth（））

有没有办法测量它们的宽度？
有没有更简单的方法呢？

任何帮助表示赞赏

Answer 1

我猜你试图在document准备就绪时获取宽度，而不是在图像加载后。

尝试将outerWidth()中的$(window).load()放入$(window).load(function() { //get the image widths }); 。

{{1}}