0

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

我想也许我可以将这些信息写入 img 或 td 元素的 alt 或标题字符串，然后使用 jQuery 在客户端将其取回。

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

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

谢谢

4

1 回答 1

1

该img元素实际上定义height和width属性（您希望在服务器端设置以帮助渲染）。当您使用缩略图来显示大小时，您将无法直接使用它们来保存这些额外信息。

对于没有定义它们的元素，您可以使用data-*属性来保存信息 - 您也可以对img元素执行此操作。jQuerydata正好具备这些功能。

例子：

<img src="..." height="100" width="100" data-actual-height="300" 
                                        data-actual-width="400" />
于 2013-06-01T08:53:01.840 回答