我正在尝试创建一个页面，其中要加载的适当图像由 javascript 根据浏览器大小确定。例如：
<img src="image1.jpg" />
javascript会将其更改为：
<img src="image1_800px.jpg" />
并加载 800px 宽的图像版本。
这样做不是问题。当我尝试对没有 javascript 的浏览器执行相同操作时，就会出现问题。基本思想是最初隐藏图像并在 NOSCRIPT 标记中使用样式显示它们。因此，支持 javascript 的浏览器将更改图像 url 并使这些图像可见，而不支持 javascript 的浏览器将简单地通过 css 取消隐藏这些图像。问题是带有 display:none 的图像是由浏览器加载的。除了 src 属性之外，将图像 url 添加到任何内容中都不是一个选项，因为这样的图像将依赖 javascript 来设置其 src。
那么，如果有可能使这项工作成为可能，有什么想法吗？
例如：我可以在 domready 上重写图像 src 属性，并希望浏览器不会设法开始从旧 src 加载图像，但会是这样吗？如果是这样 - 是否总是如此，或者某些浏览器会以不同的方式工作？