• 締切済み

画像の描画順を操作するようなことはできますか?

こんにちは。Webアプリを開発させられています。適当にASPでだましだましやってきましたが、クライアントサイドでの処理についての要求が多く、やむなくJavaScriptを勉強することになりました。 もともと、Web開発なんて念頭にしていませんでしたし、知識も少ないので四苦八苦しています。 今困っているのは画像の描画順です。 とくになにもしなければ、ソースに書かれている順番に描画されるようですが、この描画順を、ソースに書かれている順番によらずに、任意に操作することはできませんでしょうか? これが簡単にできるのかどうかすら判断がつかない初心者です。大変恐れ入りますが、どなたか教えてください。よろしくお願いします。

みんなの回答

noname#84373
noname#84373
回答No.1

<html> <head> <body> <img src="dummy.gif" id="i0"> <img src="dummy.gif" id="i1"> <img src="dummy.gif" id="i2"> <script> var ig = []; var sr = ['0.gif','1.gif','2.gif']; for( var i=0;i<sr.length;i++){ ig[i] = new Image(); ig[i].src = sr[i]; } window.onload = function(){ document.getElementById('i2').src = ig[2].src; document.getElementById('i1').src = ig[1].src; document.getElementById('i0').src = ig[0].src; } </script>

papa_toto
質問者

お礼

返事が遅くなってしまいました。大変申し訳ありません というか、z-indexをいじればOKなかんじですね。 参考になりました!ありがとうございます!

関連するQ&A