JavaScriptを使用してWebページに画像を非同期にロードする

imageタグのsrc属性で指定された画像をHTMLで非同期に読み込む方法はありますか？JavaScriptを使用してWebページに画像を非同期にロードする

私の究極の目的は、イメージsrcタグを通してJavaクラスをヒットすることです。 Webページの現在の機能を妨げることなく、非同期にすることを望みます。

どうすればいいですか？

2012-02-20 neo

この質問に投票した人は誰でも不当にそうしました。不可能なことをする方法を尋ねることに間違いはありません。 – Jack

src属性を持つIMGタグは、ページの要求時にすぐに読み込まれます。

イメージを要求する方法とタイミングを制御する場合は、ソースをデータ属性に入れることができます。

2012-02-20 18:36:45 David

うんIMGタグは、ページが理解できるようにレンダリングされているときにロードされますが、私が試みているのは、IMG src属性を使用してJavaクラスをURLでヒットさせることです。その場合は、JavaクラスがAJAX関数の独自の機能を行うまで、ページを待機させたくない – neo

すべての画像が非同期に読み込まれます。 src属性が指定された<img>タグがページの最初のHTMLに存在する場合、ページのHTMLが解析されて読み込まれるとすぐに読み込みが開始されます。

ロード開始時を制御したい場合は、ページのHTMLにimg URLを指定することはできません。

この関数を呼び出すと、それが正常にロードされるとき、それはあなたのコールバックを呼び出しますとき例えば、このJavaScriptはasychronously IMGをロードします：

function createImg(url, fn) { 
    var img = new Image(); 
    img.onload = fn; 
    img.src = url; 
    return(img); 
}

あなたはそれを追加することで、あなたのページにこのイメージタグを置くことができますあなたが望むならば、ページDOMに。

あなたのコメントに基づいて、実際に何をしようとしているのかは不明です。おそらくあなたは本当にあなたのサーバーへのajax呼び出しを発行したいだけで、imgタグをまったく使用する必要はありません。

2012-02-20 18:40:27 jfriend00

AJAXを使用する代わりに、IMGタグで試していたところで、IMFのsrcがAJAXと同様の呼び出しを行うことができますJSフレームワークを使用したスクリプトの作成:)そして今、私はAJAXを使うことは安全な方法だと考えています。 – neo

答えて