我正在尝试创建一个页面，其中要加载的适当图像由javascript根据浏览器大小确定。例如：
<img src="image1.jpg" />
javascript会将其更改为：
<img src="image1_800px.jpg" />
并加载800px宽的图像版本。
这样做不是问题。当我尝试为没有javascript的浏览器做同样的事情时出现问题。基本的想法是最初隐藏图像并使用NOSCRIPT标记中的样式显示它们。所以支持javascript的浏览器会更改图片网址并使这些图片可见，而不支持javascript的浏览器只会通过css取消隐藏这些图片。问题是浏览器加载了带display：none的图像。并且将图像url添加到除了src属性之外的任何内容都不是一个选项，因为这样的图像将依赖于javascript来设置其src。
如果有可能使这项工作有任何想法吗？
例如：我可以在domready上重写图像src属性，并希望浏览器无法从旧的src开始加载图像，但是情况会是这样吗？如果是这样 - 它会一直是这种情况还是某些浏览器的工作方式不同？
答案 0 :(得分：2)
我认为您正在寻找的是http://adaptive-images.com/ - 它使用Javascript来确定图像大小，但如果用户没有启用Javascript仍然提供已调整大小的图像，则还有一个备用选项（警告，阅读文档）。