サムネイルの作り方。

質問

今度イラストを載せようと思っているのですが、
よく小さなイラストを押すと大きいイラストが
出てくるサイトを見かけます。

あれはどんなタグを使っているのでしょうか?

また、その小さなイラストが白黒なのに
イラストが大きく表示されるとカラーだったりするのは
どうやっているのでしょうか?

教えてください。

回答No.5

noname#19206 · ベストアンサー

ANo.2です。手頃なJavaScriptのサンプルを思い出したので載せておきます。
もし他のパターンが良ければ事例を提示してください。

http://www.red.oit-net.jp/tatsuya/java/jpeg.htm

あと、ANo.4の方の説明に一応補足。
STYLE="filter:****()"はIEしか対応していないため、
環境問わずいろいろな方に来て欲しいと考えるのであれば使わないことをお勧めします。

＞上のやり方では楽ですが、ブラウザの対応やデータの転送容量を考えると元画像を白黒にした容量の小さい画像も用意しておくほうがいいです。
結論から言えばこの言葉通りですが、サムネイル用に小さい画像を用意しておけば大きい画像を縮小表示したときよりも、
サムネイルのページを開いたときのブラウザ読み込み速度が若干早くなります。

回答No.4

123isao

全てタグだけでできます。
画像をa.jpgとします。
<IMG HEIGHT=120 WIDTH=160 SRC="a.jpg">の場合
<IMG HEIGHT=120 WIDTH=160 STYLE="filter:Gray()" SRC="a.jpg">
にすれば白黒画像になります。
IEでしか確認していないのでNN等他のブラウザでは正しく表示されないかもしれません。

さらにクリックして元の大きい画像になるようにするには
<a href="a.jpg"><img src="a.jpg" alt="" width="50" height="50" border="0" STYLE="filter:Gray()"></a>
とすれば初めは50×50ピクセルにした白黒表示で、クリックすると普通の大きい画像となります。

上のやり方では楽ですが、ブラウザの対応やデータの転送容量を考えると元画像を白黒にした容量の小さい画像も用意しておくほうがいいです。

回答No.3

noname#19175

<a href="大きな画像のファイル名"><img src="小さな画像のファイル名"></a>

<a href="カラーの画像のファイル名"><img src="白黒画像のファイル名"></a>

白黒の画像や小さな画像は、フォトショップなどの画像編集ソフトで作って下さい。

回答No.2

noname#19206

Webコンテンツ＝全てタグでできていると誤解されてはいませんよね？（念のため）

サムネイルの場合、JavaScriptを使っている場合が多いと思います。
手本にしたいものでもあるのならばそのページを提示していただけると助かります。

回答No.1

inim_calm

こんなフリーソフトを使うのはどうですか？
HTMLアルバム作成ソフト
http://www.chironoworks.com/marusan/soft/jalbum.html
http://www.forest.impress.co.jp/lib/inet/homepage/webalbum/jalbum.html
zphoto: Flashベースのフォトアルバムを作るツール
http://0xcc.net/zphoto/