在td或img标记中嵌入图像高度和宽度

时间:2013-06-01 08:46:09

标签: jquery html ajax

我在服务器上有一堆图像,当客户端发送ajax .load()请求时,服务器PHP脚本会在每个td中回显一个带有img标记的表。这提供了一个很好的客户端图像缩略图表。但我希望服务器脚本能够以某种方式将原始图像的宽度和高度编码到每个td或img标记中。

我想也许我可以将这些信息写入img或td元素的alt或title字符串中,并使用jQuery将其返回给客户端。

或者,我想我在某个地方读到你可以将你想要的任何属性粘贴到一个元素中,但我现在找不到引用。浏览器不会对它们做出响应,但数据将在那里供jQuery或JavaScript读取。如果这是安全的,我可以为每个img或td元素添加一个imgwidth和imgheight属性。 (我无法使用img标签的实际宽度和高度属性,因为下方的图像是缩略图,因此它们无法以原始图像的大小显示。

希望有人有更好的想法,或者可以验证是的,你可以将你想要的任何属性粘贴到元素中。

由于

1 个答案:

答案 0 :(得分:1)

img element实际定义了heightwidth属性(您希望在服务器端设置这些属性以帮助渲染)。当您使用缩略图显示大小时,您将无法直接使用缩略图来保存这些额外信息。

对于未定义它们的元素,您可以使用data-* attributes来保存信息 - 您也可以在img元素上执行此操作。 jQuery完全具有data函数。

示例:

<img src="..." height="100" width="100" data-actual-height="300" 
                                        data-actual-width="400" />