-
ID:KIQSpZ さんの質問

ajaxでxmlを読み込んでるんですが、その情報として画像のパスやテキスト情報があります。
その情報(XML)を読み込んで、HTMLに反映させているのですが、その際の画像のデータをload判定することは可能でしょうか?
普通にsuccessでhtmlにappendするとまだ読み込み中みたいに上から徐々に見えてくる感じになってます。
画像情報は複数あります。

ご教授頂けたら幸いです。

$(function(){
$.ajax({
url:’data.xml’,
type:’GET’,
dataType:’xml’,
timeout:1000,
success:function(xml){
$(xml).find("aaa").each(function() {
ちょめちょめ
});
}
});
});

みんなの回答 1 件

ID:14NiXT さんの回答

出力はXMLなわけだろ?で、画像用の記述があるはずだが、それを判定すればいいだけじゃないのか?

ID:gemwSh

その判定方法を聞いてるんだろ

ID:KIQSpZ

$("<img />")とかつくって、そいつにxmlのパス当てて、load判定させればいいんですかね?

ID:14NiXT

XMLだからimgタグじゃなくてURLだけじゃないのか?どういう形式によるかわからないけど、拡張子をifと正規表現で判定すればいいかと。

ID:KIQSpZ

URLです。それで、その先の画像に対して読み込み完了判定をしたいんです。ajaxのsuccessはxmlに対しての判定ですよね。そうじゃなくてxmlで読み込んだ画像urlの先の画像に対してload完了判定したいんです。

ID:gemwSh

img.srcにURLを挿入した後で、img.onload = function() { //読み込み完了後の処理 }って感じにすればいいよ

ID:KIQSpZ

やはりそうなんですね。ありがとうございます!

最終更新日:2015-08-05 (2,029 views)

関連するトピックス

ページ上部に戻る