画像をロードする順序
- 0 名前： Sinryow ： 2004/03/06 02:31 ［URL］
- 画像を１つのHTMLページ中に複数の画像ファイルを<img>で貼っている場合に，それらを１つずつ順にロードさせることは可能でしょうか（CGI以外で）。
通常は，それらが表示される順序は，<img>によるファイル呼び出しに対する応答の早かったものから順に表示されるようです。
例えば
<html>
<body>
<img src="1.jpg">
<img src="2.jpg">
<img src="3.jpg">
</body>
</html>
のようなHTMLがあるときに，「2.jpg が完全に表示されてから次に 3.jpg を表示し，さらに 3.jpg が完全に表示されてから最後に 1.jpg を表示する」というようなことをしたいのです。
- 1 名前： weam ： 2004/03/06 10:58
- <html>
<head>
<script type="text/javascript">
<!--
function showimg(n,img){
document.images[n].src = img;
}
//-->
</script>
</head>
<body>
<img src="1.jpg" alt="その１" onload="showimg(1,'img2')">
<hr>
<img src="" alt="その２" onload="showimg(2,'img3')">
<hr>
<img src="" alt="その３">
</body>
</html>
十分にテストしていないのでブラウザの互換性は補償できませんが
このようなので一応できました。(WinXp_IE6,NN7,Opera7)
ロードが完了するたび関数を呼び出す感じです。
- 2 名前： Sinryow ： 2004/03/06 13:14 ［URL］
- ありがとうございます。早速試してみます。
