HP作成についての質問です。

質問

私の作成したHPの場合、たくさんの画像を使ったページを開くと
下のツールバーに
『（残り○項目）画像〔－URL－〕をダウンロードしています。』
と表示され画像（パーツ）が一つずつしか表示されていきません。
他のサイトを覗くと、画像をたくさん使っているにもかかわらず
一括？で表示されています。
このような表示方法にするにはどうすればいいのでしょうか？
ご回答お願いします。
ちなみにページサイズは12400バイト。Flash使用です。

回答No.2

Seravy · ベストアンサー

単純にあなたがアップしているサーバーの転送スピードが遅く、あなたが覗いたサイトのサーバーの転送スピードや処理速度が早い、それだけですよ。
大きなサイズの画像をたくさん指定すれば、普通のサイトでも順々に表示されます。

ところで、それを技術的に防ぐにはどうするか、というと2つの方法があります。

1. JavaScriptのnew Image()を使って裏で読み込んでおき、ページ構築が終わってから書き出す。

指定の、画像が含まれるブロック（divとか）をスタイルシートで非表示（display:none）にしておく。

list = new Array("0.jpg","1.jpg","2.jpg","3.jpg");
images = new Array();
for( n=0; n<list.length; n++ ) {
images[n] = new Image();
images[n].src = img[n];
}
こんな感じで画像のリストを呼び出しておき、onLoadのイベントで
対象のdivを表示させる。
document.getElementById("DIV_ID").style.display = "block";
などのように。

2. テーブルを使う方法

テーブルは中身がすべて読み込まれるまで表示されないという特徴がありました。（短所でもありますが
それを使い、画像を使う部分をテーブルでかこってしまうと一括表示できるでしょう。

どの方法を使うにしろ、表示までに時間がかかり、利用者に余計なイライラを募らせる可能性が高いのでご注意を。

お礼

ご回答ありがとうございます。大変良くわかりました。
1. JavaScriptのnew Image()を使って裏で読み込んでおき、ページ構築が終わってから書き出す。
このことについて、詳しく説明しているサイトなどがありましたら、
お教えいただけないでしょうか？
検索を試みたんですが、その際の語句などが分からない為
うまくみつけることができません。お願いします。

回答No.1

setuka

ページサイズとはhtmlだけの重さですか？
使用している素材などの合計でしょうか。
一枚あたりの画像のサイズはどれくらいの重さですか？
差しさわりのない程度での解像度を下げたりして
（印刷用でなければ解像度は80以下で良いですよ）
負荷を減らしましょう。

お礼

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

補足

サイズは、ページ全体の重さです。
一枚については、テーブル枠の飾りなのでそんなに重くは
ないのですが、パーツが一つずつゆっくりとしか表示できない
ということに困っています。画像はpng→gifにして解像度を
下げてみたのですがあまり変わりませんでした。(－1000バイトほど）
私の使用しているサーバーの表示速度が遅いだけなんでしょうか……。