画像を順番にロードする方法

ホームページに下記のように画像を10枚ほど載せたのですが
例えば2枚目が表示されないまま3、4・・・10と残りが表示されてしまうことがあります。
1枚目を完全に表示してから2枚目をロード・・というように順番に表示する方法を教えてください。

<p><img src="images/20110801_01.jpg" alt="01" /></p>
<p><img src="images/20110801_02.jpg" alt="02" /></p>
<p><img src="images/20110801_03.jpg" alt="03" /></p>
　・
　・
　・
<p><img src="images/20110801_10.jpg" alt="10" /></p>

No.1 回答者： asciiz 回答日時： 2011/08/08 10:40

ブラウザは、ページのアクセス時に、画像を1つ1つダウンロードするのではありません。

同時に4～8個の画像ファイルへアクセスし、ダウンロードできた物から表示していきます。

その時に、同時にダウンロード開始しても後の方の画像が軽かったり、たまたま最初の方の画像のロードに引っかかれば、後の画像が先に表示されることもあります。
これはHTMLの書き方程度で制御できるものではありません。

どうしてもその様にしたければ、JavascriptやFlash等を使って、一つ一つ順番に表示するようにプログラミングしなければならないでしょう。

わざわざその様にしたところで、「何だこのページ、表示遅いぞ」ってアクセス者には嫌われるでしょうけど。

この回答へのお礼

回答ありがとうございます。

こういう挙動をするページをどこかで見た気がしたので
マウスオーバーのプリロードのように何か方法があるのかと思いましたが
ないのであれば画像1枚ずつページを作ればいいですね。

お礼日時：2011/08/08 19:05