問題タブ [image-size]

jquery json parseから画像サイズを取得する方法は? を入れてeach function、最初にすべての画像をhtml部分にダウンロードしてから、width()&height()を画像サイズに使用しようとしましたが、取得時に問題が発生しwidth()、height()画像の読み込みが進んでいます。

http://jsfiddle.net/7eLj4/のサンプルコード

jQuery コード:

HTML コード:

次のような URL 経由で画像をロードする ExtJS の画像コンポーネントがあります。

画像は 100% で表示されます。200x200 ピクセルが表示され、残りはクリップされます。スケーリングを許可するプロパティが見つかりませんでした。

ExtJSで画像のサイズを変更する最良の方法は何ですか?

:size => x の代わりに gravatar img の幅を指定できる方法はありますか?

私はこれらの高解像度モニター（特に新しいiPad）用にサイトを最適化しています。サイトを希望どおりにフォーマットしました。各画像の解像度を上げていましたが、現在のDIVに制限しています。たとえば、解像度が483x246の画像があり、設定されたサイズが188x96のDIVに適合しているとします。

画像はChrome、Firefox、そして最も重要なのは新しいiPadで見栄えがします。ズームインしても、素晴らしく鮮明です（ズームインするとぼやけてピクセル化されたように見えた私の古い188x96画像とは対照的です）

IEでページを開くと、問題が発生します。画像は正しいサイズで表示されますが、ギザギザになっています。以下の比較へのリンクを参照してください。IEがその場で写真のサイズを変更してレンダリングする方法に問題があることはわかっています。

私の質問は、IEに画像をうまく表示させる方法はありますか？そうでない場合は、IEを検出した場合に、古い低解像度の画像を表示するようにコードを挿入する方法はありますか？私はいたるところを見てきましたが、私の特定の問題に関連するものは何も見つかりませんでした。これは小さな例ですが、私の大きな画像は同じことを行い、より目立ちます。皆様のお役に立てれば幸いです。ありがとう。:)

比較：

新しいウェブサイトで Google Chrome に問題があります。さまざまな画像から iPhone を設計しています。問題は、他のすべてのブラウザでコードが正常に読み込まれ、iPhone が正しく表示されることですが、Chrome では何らかの理由で、画像が少しぼやけているところまで拡大し、画像を約 1 ピクセル左に移動して、エンド ユーザーに 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 年前に作成されたので、それ以降、そのようなものや他の種類の画像用に作成されたものはありましたか? 運悪くGoogleで検索しました。

Christophe Herremanは、PNG のためにこのようなものを書いたと主張しましたが、調べてみると、それは本質的に異なるものです。

htmlとcssについて質問があります（PURE htmlとcss-JavaScriptやJQueryはありません）

ページに2つの列があります（最初の-幅：35％（ページ）、2番目の-幅：65％（ページ））。最初の列に画像があります-300pxx300px。そして、ページのサイズを変更しています。

• 最初の列の幅が300pxを超える場合、画像は300pxx300pxである必要があります
• 最初の列が100pxより広く300pxより狭い場合-画像は100pxx100pxである必要があります-最初の列が100pxより狭い場合-画像は消えます。

JavaScriptを使用するのは非常に簡単ですが、HTML+CSSでのみ実行する必要があります。

誰かがそれを行う方法を知っていますか？

ありがとう！

Javascript を使用して PHP に画像をアップロードする前に、画像の解像度を検証したいと考えています。私のphpフォームで、2つの異なる画像をアップロードしたいのですが、両方の画像に異なる解像度制限があります。

次のコードを試します

PHPコード

JavaScriptで

ここでは、異なるサイズのファイルを選択しても、両方の画像の幅と高さを同じにしています。

これを行う方法？私に提案してください

前もって感謝します