问题标签 [image-size]

如何从 jquery json 解析中获取图像大小？我放了一个each function，首先将所有图像下载到 html 部分，然后尝试使用width()&来调整图像大小，但是在图像加载之前height()我遇到了一些麻烦width()。height()

http://jsfiddle.net/7eLj4/中的示例代码

jQuery代码：

html代码：

我在 ExtJS 中有一个图像组件，它通过这样的 URL 加载图像：

图像以 100% 显示。显示 200x200 像素，其余部分被剪裁。我没有找到任何允许缩放的属性。

在 ExtJS 中实现图像大小调整的最佳方法是什么？

是否有一种方法可以指定 gravatar img 的宽度，而不仅仅是 :size => x

我正在为这些更高分辨率的显示器（尤其是新 iPad）优化我的网站。我已经按照我想要的方式格式化了网站，我只是增加了每个图像的分辨率，但仍将其限制为我目前拥有的 DIV。例如，我有一个分辨率为 483x246 的图像，我让它适合设置大小为 188x96 的 DIV。

这些图像在 Chrome、Firefox 上看起来很棒，最重要的是在新 iPad 上。即使放大它也很漂亮和清晰（与我的旧 188x96 图像在放大时看起来模糊和像素化相反）

当我在 IE 中打开页面时，问题就出现了。它以正确的大小显示图像，但呈锯齿状。请参阅下面的比较链接。我知道这是 IE 动态调整大小和渲染图片的方式的问题。

我的问题是，有没有办法让 IE 很好地显示图片？如果没有，有没有办法可以输入代码，以便如果它检测到 IE，它会显示我的旧低分辨率图像？我到处寻找，但没有发现任何与我的具体问题有关的东西。我知道这是一个小例子，但我更大的图像做同样的事情并且更引人注目。希望大家能帮忙。谢谢。:)

比较：

我的新网站在使用 Google Chrome 时遇到问题，我正在用不同的图像设计 iPhone，我遇到的问题是所有其他浏览器的代码加载正常并且 iPhone 显示正确，但是使用 Chrome 似乎出于某种原因，将图像放大到稍微模糊的程度，并且还将图像向左移动了大约 1px，从而使最终用户可以清楚地看到 iPhone 是分开的。

HTML 代码

CSS 代码

http://jsfiddle.net/w5a5f

使用 Chrome： http: //img851.imageshack.us/img851/7237/iphone1q.png
使用 Safari： http
://img571.imageshack.us/img571/5482/iphone2t.png Jsfiddle：jsfiddle.net/w5a5f

Firefox 和 Safari 可以正常显示，但 Chrome 无法正常显示，我是否需要一些特定的 chrome CSS 来阻止它放大，或者是否有解决此问题的方法？

更新：似乎一旦上传到服务器，这个问题就会消失，所以它只发生在本地文件上......

我有一个文件夹，我的所有图像都将在其中上传，我想创建一个 div，其中上传的图像以较小的尺寸显示。

我不想保存上传图片的较小版本，我只想以较小的尺寸显示它们。

上传的文件已经是 100x100 大小，所以我不必担心比例问题

有什么办法可以做到这一点？

有没有办法在 iPad 上获得 naturalWidth ？

我想要达到的目标

目前我正在开发一个测验应用程序，它有一个点区域问题类型。要回答这个问题，用户必须在图像上指出一个位置。该位置被提交到服务器，如果单击的位置在正确的区域内，服务器将返回一个布尔值。

它可以在所有浏览器上完美运行，如果图像不太大，它也可以在 ipad 上运行。当图像太大时，它会自动调整大小以适应屏幕。现在点击图像上的某个点会给出不同的坐标，然后它会保持原始大小。

我发现自动调整大小与 ipad 的资源限制有关。显然我无法阻止这一点，但这不是什么大问题。我只想知道调整大小使用了什么因素。

为了得到这个因子，我需要原始宽度和实际宽度。

我想在不下载的情况下检查图像大小（图像位于服务器上），可以吗？我发现了很棒的课程http://www.anttikupila.com/flash/getting-jpg-dimensions-with-as3-without-loading-the-entire-file/但它只适用于 JPEG，如果有就好了png 的东西也是如此。那门课是 5 年前写的，那么从那时起，有没有为其他类型的图像创建过类似的东西？我没有运气搜索谷歌。

Christophe Herreman声称他为 PNG 写了类似的东西，但经过检查 - 这是本质上不同的东西。

我有一个关于 html 和 css 的问题（纯 html 和 css - 没有 JavaScript 或 JQuery）

我的页面上有 2 列（第一个 - 宽度：35%（页面），第二个 - 宽度：65%（页面））。第一列中有一张图片 - 300px x 300px。而且，我正在更改页面的大小：

• 当第一列宽于 300 像素时 - 图像应为 300 像素 x 300 像素
• 当第一列宽于 100 像素且小于 300 像素时 - 图像应为 100 像素 x 100 像素 - 当第一列窄于 100 像素时 - 图像应消失。

使用 JavaScript 很容易，但我只能在 HTML + CSS 中使用。

有人知道该怎么做吗？

谢谢！

我想在通过 Javascript 上传 PHP 中的图像之前验证图像分辨率。在我的 php 表单中，我想上传两个不同的图像，并且两个图像都有不同的分辨率限制。

我尝试以下代码

PHP 代码

在 Javascript 中

在这里，即使我选择不同大小的文件，我也会得到两个图像的宽度和高度。

这该怎么做？请建议我

提前致谢