Html IE中的图像加载问题

Html IE中的图像加载问题,html,css,internet-explorer,Html,Css,Internet Explorer,在IE中,它不会缩小巨大的图像。事实上,它可以扩展一些,但不是全部。我通过设置小宽度和高度属性来缩小它们。如何修复它 我的做法如下: var $image = $('<img/>'); $image.attr('src', 'http://example.com/img.jpeg'); $image.load(function () { this.width = this.height = 100; }); var$image=$(' 类似的。但并不是所有的图片都会缩小。而且,

在IE中,它不会缩小巨大的图像。事实上,它可以扩展一些,但不是全部。我通过设置小宽度和高度属性来缩小它们。如何修复它

我的做法如下:

var $image = $('<img/>');
$image.attr('src', 'http://example.com/img.jpeg');
$image.load(function () {
  this.width = this.height = 100;
});
var$image=$('
类似的。但并不是所有的图片都会缩小。而且,每次我重新加载页面时,不同的图片都会缩小

我已经知道了事情的真相。请参阅


IE 6&7仅在必须从服务器获取图像时才触发“加载”——如果图像已经在本地缓存中,则不会触发。
,Jeremy Wadhams写道。

如果您在html元素中定义宽度和高度,这应该会起作用。在css中,IE6不符合标准,结果可能会有所不同

对于最佳做法,您不应在浏览器中重新调整图像的大小,这会减慢速度并导致像素化。请根据需要复制图像的大小,然后将这些图像链接到全尺寸图像(如果合适)


一旦你这样做了,请将这些图像远离我,谢谢你。无论如何,你不应该让浏览器缩小图像的比例。出于性能原因,这会让你的网站对你的用户来说陷入困境。如果你强迫你的用户浏览器缩小“巨大”图像,然后他们必须首先完全下载所述图像,然后浏览器可以缩放它们,这会减慢它们的工作流程。这也会比使用正确大小的图像花费更多的带宽


您应该以您希望向用户显示的大小提供图像。如果您需要多个大小,则在服务器上提供多个大小的图像。硬盘空间便宜,肯定比带宽(您和您的用户)便宜。

请显示示例并定义“正确”。显示一些代码。我无法显示图像,因为我在那里是裸体的。IE中jQuery的加载方法有问题吗?我使用它来动态缩小图像。在IE以外的浏览器中效果很好。这可能是因为只有在事件绑定时图像尚未完成加载时,才会触发图像的onLoad方法。在@Goreed上阅读它啊——那么我们正在调试的代码不是不起作用的代码,那么?@Goreed-那么你为什么要尝试做一些你认为不应该做的事情呢?相信我,这是有道理的。@Goreed-如果有一个合理的理由,为什么你不能分享这个理由呢?