CSSを使ってのサムネイル画像の表示

イラストの展示をWebで行っています。

現在、
テーブルを利用して、
そこにサムネイル表示で、
イラスト作品より小さい画像を張って、
そこをクリックすると、
おっきい画像が表示される。

というふうにやってきたのですが、
作品が増えてきたため、
サムネイル画像の表示が、
遅くなってきたのが気になってます。

スタイルシート利用すると
表示が早くなると聞いたのですが、
やり方が解らなくて、困ってます。
近くに、Webのプロがいなくて、、。

どなたか、教えて頂けないでしょうか？
お願い致します。

No.1 ベストアンサー 回答者： shy00 回答日時： 2003/10/11 15:37

CSSとは、文字色やテーブルの幅、壁紙などの指定などを行なうためのものです

今回の場合は、作品が多くなったためなので、CSSを別ファイルにするよりは
１ページで表示される画像の枚数を制限すべきではないでしょうか？

この回答へのお礼

早速の回答ありがとうございます。
そうですね。んー。たしかに
画像の枚数を制限するべきですね。

テーブルの幅等をCSSで
利用すると、表示がはやくなるってことはないんでしょうか？

お礼日時：2003/10/11 15:44

No.4 回答者： steelgreen 回答日時： 2003/10/12 22:19

テーブル関係のＣＳＳにtable-layoutと

いうものがあります。

これは、テーブルの表示方法設定するものです。
・最初の横一列を読み込んだ段階で表示(fixed)
・従来通り全体を読み込んで一気に表示(auto)
の二つを設定できます。

fixedを使う場合、縦列またはセルの幅をwidthプロパティ
で指定しておく必要があります。

IEとNN6以降で実装されてるようです。

この回答へのお礼

解答有り難うございます。
返信が遅れてすみません。

読み込み方ですか。奥深いですね。

ありがとうございました。

お礼日時：2003/10/14 08:27

No.3 回答者： lead1976 回答日時： 2003/10/11 22:00

基本的に、スタイルシートを利用することでページロードを早くすることはできないと思います。

スタイルシートは先にも指摘されているように、表示内容を調整・装飾するためのもので、ページロードの早さを左右するものではありません。

なお、テーブルの幅をスタイルシートで設定したとしても、テーブルの表示が早くなるということもありません。
テーブルタグは、<table></table>の中に含まれる内容すべての要素を読み込むまではテーブル全体を表示できないので、テーブル幅を決めても、読み込みの早さや、見掛けの読み込みの早さには影響しません。

もし質問の例でしたら、まず画像の数を減らすことが根本的にページロードを早くするのに最も有効なことだと思います。 読み込むファイルの合計ファイルサイズが小さければ小さいほど、読み込みは早くなります。
また、テーブルの中に配置しているimg要素に対して、ブラウザ上での表示幅と表示高さをそれぞれwidth、heightで指定しておくと、画像が完全にロードされなくても画像の表示枠を確定できるので、見かけ上のページロードの早さを向上することができると思います(テーブルが表示されるまでの時間を短くするのにも寄与すると思います)。
もし、img要素にwidth、heightが設定されていないと、その画像が読み込まれるまで画面のレイアウト構成が確定できず、そこでページロードが滞っているように見えることもありえますので、できる限り画像を表示する時にはその表示サイズも指定しておくことをお勧めします。

参考になれば…

この回答へのお礼

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

imgのwidth、heightの指定を確認してたところ
指定していたみたいです。

ファイルサイズを小さくするのと、
画像を張っているページを複数にするのとで、

解決してみます。
ありがとうございました。

お礼日時：2003/10/11 23:50

No.2 回答者： shy00 回答日時： 2003/10/11 18:27

別ファイルにした場合のメリット

　共通のCSSを参照する場合、１ファイルのみの修正で他のHTMLにも反映できる
　　＝　修正が楽

別ファイルにしたデメリット
　サーバーの動作により、読み込みに時間がかかる場合がある
　ですので、一概にCSSを別ファイルにしたからといって表示が速くなるとは
　限らないと思います。
　まぁ、サーバーが重いときは１ファイルにしているときも
　表示に時間はかかりますけどね(笑)

この回答へのお礼

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

そうですか、修正しやすいのは確かですね、
ありがとうございました。

お礼日時：2003/10/11 23:46