Question

我有一个很长的UL列表，每个LI包含一个从SLideshowPro Director动态生成的图像标记。

我需要获取UL中所有图像的宽度以用于CSS宽度计算。

我能够获得第一个项目的图像宽度，但不是全部。

我的PHP非常有限，但我是否必须首先将此列表设置为ARRAY以允许我获得所有宽度？

我该怎么办？

这些图像包含CMS生成的非常长的ID，因此无法读取目录，因为缓存中的图像与输出到HTML页面的文件名无关。必须从发送到页面的内容完成所有操作。

或者我甚至可以使用JQuery来做这件事吗？

Answer 1

我的建议是使用正则表达式。

如果您发布示例列表，我可以告诉更多..

Answer 2

您可以使用javascript获取图片的宽度。

var img = new Image();
img.onload = function() { alert(img.width); };
img.src= 'http://www.google.se/intl/en_com/images/srpr/logo1w.png';

Answer 3

我的头脑......这样的事情

var totalWidth = 0;
$('#idOfYourUL img').each(function(i) {
    totalWidth += parseInt(this.width());
});

Answer 4

感谢您的回复。

我正在使用jquery.scrollTo通过div单击滚动列表，但scrollTo需要在CSS中设置UL宽度，因此它将停止在列表的末尾。

我希望使用PHP通过计算缩略图数量乘以各自宽度的简单数学运算来回显文档上的CSS宽度。

这是这里的开发链接。