やりたいこと。
すでに表示しているHTML画面上にさらにHTMLタグ(画像を含む)を表示したい。
そのタグにて表示されるべきものがすべて表示されたら、新たに別の関数を実行したい。
■画像がひとつの場合はこんな感じ?
$("#hoge").click(
function(){
var jqObj = $("<div />");
var imgObj = $("<img />");
imgObj.attr({ "src":"./g.bmp"});
imgObj.load(function(){
jqObj.prepend(imgObj);
$("body").prepend(jqObj);
//このへんに描画は終わった状態での処理
});
}
);
■画像が複数ある場合はどう書けばよいでしょうか?
以下のような書き方であってるのでしょうか?
$("#hoge").click(
function(){
var jqObj = $("<div />");
var imgObj = $("<img />");
var imgObj2 = $("<img />");
imgObj.attr({ "src":"./g.bmp"});
imgObj2.attr({ "src":"./f.bmp"});
imgObj.load(function(){
imgObj2.load(function(){
jqObj.prepend(imgObj);
jqObj.prepend(imgObj2);
$("body").prepend(jqObj);
//このへんに描画は終わった状態での処理
});
});
}
);
PS
そもそもどの時点でブラウザは画像をWEBサーバに要求するのでしょうか?
imgObj.attr({ "src":"./g.bmp"}); の時点でgetの要求出すのでしょうか?
No.2ベストアンサー
- 回答日時:
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
window.openで値の渡し方を教え...
-
画像の座標位置取得
-
imgのsrcに値を設定するには
-
JavaScriptで画像置換えてクリ...
-
JAVAで画像をボタンで切り替え...
-
画像をクリックして変数に値を代入
-
MAX関数を使ってからLEFT JOIN...
-
jQueryでのドラッグアンドドロ...
-
jspでcssが読み込めない
-
textareaに画像を表示したい
-
Javascript初心者|jQueryの.va...
-
画像の表示位置
-
クリックで色変更後に既に変更...
-
JSPでの画像ファイル表示
-
Slick.jsのオプションrtlについて
-
クリックした<a>タグのみにClas...
-
画像を指定座標まで移動させたい
-
eclipseでcssを使うためには?
-
Vb.net2005での画像の合成方法
-
マウス追従スクリプトについて
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
window.openで値の渡し方を教え...
-
jQueryでサーバー上のファイル...
-
【jQuery】複数の画像の読み込...
-
複数のバナーをリロードする度...
-
jQueryで画像を重ねる
-
一定時間ごとにgif画像の切...
-
画像をクリックすると別ウイン...
-
JavaScriptで画面サイズによっ...
-
HTMLページ内のタグに対しての...
-
HPに複数の画像をクリックで切...
-
【javascript】ロールオーバー...
-
画像の入れ替え
-
javascriptによるランダム画像...
-
画像と文字を同時に切り替えたい
-
JavaScriptで画像置換えてクリ...
-
連続したURLへのwindow.openの...
-
リンク切の場合リンクしない
-
戻り読みの代わりとなる正規表...
-
複数のボールの落下、バウンド...
-
<img>タグの alt= の値をキャプ...
おすすめ情報