问响应式设计流体图像理念

EN

我正在尝试创建一个页面，其中适当的图像加载由javascript确定，基于浏览器的大小。例如：

<img src="image1.jpg" />

javascript会将其更改为：

<img src="image1_800px.jpg" />

并加载800px宽图像版本。

这样做不是问题。当我尝试在没有javascript的浏览器上做同样的事情时，出现了问题。基本的想法是最初隐藏图像，并在NOSCRIPT标签中使用样式显示它们。因此，支持javascript的浏览器将更改图像urls并使这些图像可见，而不支持javascript的浏览器将通过css简单地隐藏这些图像。问题是带有display:none的图像是由浏览器加载的。并且将图像url添加到除了src属性之外的任何内容中都不是一个选项，因为这样的图像将依赖于javascript来设置其src。

那么，有没有什么想法可以让这一切变得可行呢？

例如:我可以在domready上重写图像src属性，并希望浏览器不会设法从旧的src加载图像，但情况会是这样吗？如果是这样的话--是一直都是这样，还是有些浏览器会有不同的工作方式？