問題タブ [image-size]

ブラウザを初めて起動すると、現在、画像の幅を取得する際に問題があります。毎回正しい幅ではなく値 0 を取得します。ブラウザを起動して f5 でページを更新すると、正しい値が得られます。

どうすればその問題を処理できますか? ここに私のコード部分：

size[0]Browser の最初の起動時、0更新後は正しい値になります。なんで？あいさつ。

編集 まあ、f5を叩くと問題が発生することもあるようです。

私は、ユーザーが URL を入力し、URL から画像を抽出できるようにする Web ページを作成しています。Facebook や pinterest や thefancy.com のようなものです。URL を入力すると、指定された幅より大きい幅の画像が取得されます。

私のコードはすべて jQuery であり、この画像サイズの決定と正常に動作するという要件はありませんでした。また、私の JavaScript の知識はかなり限られています。

ユーザーが Enter キーを押すと、ページは (jQuery を使用して) ajax 要求をサーバー側スクリプトに発行し、ページから抽出された画像ソースの配列を含む json オブジェクトを受け取ります。ajax.success コールバック内で、この画像の配列を、jquery append() メソッドを使用して DIV に画像を動的に追加するメソッドに渡します。

成功のコールバック ハンドラ内で画像サイズを取得しようとして立ち往生しています。SO を読んだ後、画像ロード ハンドラーを追加し、その画像ロード ハンドラー内に、num_added 変数をインクリメントするコールバック addImage() を用意しました。後で、この num_added 変数を使用して、ユーザーに表示するメッセージの種類を決定したいと考えています。

問題は、showNextMessage() が processUrlFetch() でループが完了するのを待たないことです。showNextMessage() は、processUrlFetch() が呼び出されるとすぐに起動されます。したがって、常に「画像が見つかりません」というメッセージが表示されます。

私はこのトピックを調査しようとしましたが、ここでは深みがありません。jquery と DOM イベントを混在させることが問題になる可能性があると思います。また、 image.load() を介して画像サイズを取得する方法論がどの程度防弾であるかはわかりません。また、imagesloaded プラグインが私の目的に役立つかどうかもわかりません。

2つの質問があります

1. ここで動的に挿入された画像の「実際の」画像サイズを取得するために行っていることが、有効なクロスブラウザー手法である場合 (img.load イベントに依存)
2. ループが終了した後にのみ showNextMessage() が起動されるようにするにはどうすればよいですか?

processesUrlFetch : function(response) { var images = response.images ;

完全なコードを見たい場合 - ここに要点があります: - https://gist.github.com/3084904

jsfiddleで再現するのが非常に難しいという奇妙な問題があります。私にできる最善のことはこれでしたが、これは毎回正しい幅と高さを印刷するたびに機能します。

同時にそれは50％の時間のようにしか機能しません。それ以外の場合は、画像のサイズと幅として0になります。

私のHTMLは次のとおりです。

一致するcssは次のとおりです。

そしてjavascriptは

最初は、ドキュメントの準備ができる前に要素サイズを取得しようとすることに関連していると思いましたが、それjQuery(function($...を処理する必要がありますね。

画像の背景の幅と高さを設定したい。

次に、画像の幅と高さを設定します。高さと幅の設定は知ってbackground-size: 200px 50px;いますが、同じものは使用できません。上記の形式で幅と高さを設定する必要があります。

私が使用する場合

うまくいきません。画像はそのままです。

どうすればこれを機能させることができますか。

こんにちは、画像パスの場所があります。画像を添付するときに画像を添付する必要があります。画像サイズを確認したいのですが、1 Mb 以下です。このhttp://jsfiddle.net/jquerybyexample/PKLQn/1を検索しています/light/ですが、その入力タイプはファイル .am で、画像パスの場所を使用しています。これを行うには?

画像パス= content://media/external/images/media/503. 画像サイズを確認したい

そのボタンをクリックしているときにボタンがあり、画像ファイルのサイズを取得する必要があります

クリック中にボタンがあり、画像のプロパティを取得しています(サイズはkbまたはmb)

asp.net C# イメージのサイズを制限したい。

私はimage1を持っています:

また、私は持っています：

次に、image1の寸法を設定しています

ここでコンパイラ エラーが発生します: math.max に無効なパラメーターがあります。目的は、画像の幅が 1000 を超えないようにすることです。これはどのように行うことができますか?

ここに示すように、Android 4 (ICS) でサポートされている比較的新しいwebP画像形式でいくつかの実験を行っています。

これまでのところ、ロードする前に画像サイズを取得するために、次のコードを使用しました（Googleがここに表示するものと同様）：

ただし、透明度のある webP 画像で使用すると、この情報をまったく取得できないようです (幅と高さの両方で -1 を返します)。

Google がこの画像ファイル タイプのデコードにバグを持っている可能性はありますか?

これを克服する方法はありますか？

それをテストするには、透過性を持つpngファイル（私が使用し、paint.netアプリを介していくつかの透過ピクセルを追加したものなど）をwebP形式に変換し（Googleのツールを使用）、解像度を読み取ってみてください私が使用したコードのようなファイルの。

WordPress テーマを開発していますが、組み込みの Media Uploader を介してアップロードされる画像を同じ比率にする必要があります。これは、高さと幅を定義し、トリミングを使用することで簡単に実行できることを知っています。

問題は、これらの画像をフルスクリーン スライダーに使用したいので、例としてすべての画像を 300x200 に下げるとうまくいかないことです。画像の比率をトリミングしながら、画像のデフォルトサイズをできるだけ維持したい。

WordPress には add_image_size() 機能が付属していますが、私は add_image_ratio() 機能を探すほうが好きです。これは可能ですか？