「HPで写真をクリックすると大きい写真で見られる」というのがよくありますが、あれはどうやって作るのでしょうか?大きい写真のページを作って一つ一つ小さい写真からリンクを張るのでしょうか?

このQ&Aに関連する最新のQ&A

A 回答 (6件)

ご想像の通りです。



ただ、画像ごとにページをデザインするのが大変だぁ、という場合は、リンク先に画像ファイル名を直接指定すると、真っ白のページに画像だけ表示されます。シンプルですが、作成は楽です。
例:<a href="111.jpg"><img src="111_small.jpg" border=0>クリックすると大きな画像が表示されます</a>

ただし、画像はブラウザで通常表示できるGIFかJPGのみにしてください。
    • good
    • 0
この回答へのお礼

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

お礼日時:-0001/11/30 00:00

みなさんおっしゃる通りですが、蛇足を少し。



GIFがライセンスの都合で、タダで使えなくなってしまいました。
加えて、今後JPEG2000というファイル形式が一般的に
(言い換えれば、標準的なブラウザで扱えるようになれば、の話)
なれば、わざわざ小さい画像(サムネイル)を作成しなくても
よくなります。
JPEG2000では、一つのファイルの縦横サイズを指定して柔軟に、
画像の圧縮を行えるようです。
(ただし従来のJPEGとは別物)

あ、もし画像閲覧にsusieなどお使いでしたら、サムネイル作成機能が
ありますので試してみてください。
    • good
    • 0
この回答へのお礼

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

お礼日時:2000/12/12 14:25

z-tonさんのおっしゃる方法が、最も一般的だと思いますよ。


実際に見せたい大きな画像は、別のHTMLを用意するなり、
ファイル単体で置いておき、直リンクさせるなりして、
メニューには、縮小したサムネイルを置いておくと言う事で。
初心者の人などで、『画像を縮小する』の意味が理解できていない人などは、
大きな画像ファイルのまま、表示サイズだけ縮小している事がありますが、
そんな状態で写真が10も20も並んだメーニューを作られたら、
見る側からしたら、たまったモンじゃありません。
以前。とあるネットアイドル(自称)のHPを見てみたら、
1つ250~300KBもある様な巨大な画像ファイルが20個以上も並んだ
写真集のページがあって、全部を表示し終わるまでに
30分以上かかった事がありました。
本人は『メニユー用に小さい写真を用意しました』なんて書いてましたけど(笑)

ちなみに、もっと凝ったやり方をするのであれば、
Java Scriptか何かを使って、並んだサンプル画像の上に
カーソルを合わせると、決められたワクの中に大きな画像が
表示される、なんて事もできるみたいですよ。
確か、『スライドショー』とか言ったかも知れません。
    • good
    • 0
この回答へのお礼

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

お礼日時:2000/12/12 14:25

普通に考えれば、皆さんのおっしゃる通り小さい画像を用意して、大きい画像にリンクを設定してやればOKです。


ただ数が多くなると面倒です。
そういうことを自動で処理してくれるソフトがあります。
面倒なのでそのソフトに処理してもらいましょう。
自分で最初から作るのは時間のムダのような気がします。

参考URL:http://www2a.biglobe.ne.jp/~fukatsu/soft/

この回答への補足

参考URLを見させていただきましたが、どのソフトですか?

補足日時:2000/12/12 01:40
    • good
    • 0

まぁ、通常はみなさんおっしゃる通り、サムネイル(小さいサイズ)を別に作ります。

GIFで作るのが一般的ですね。
ただ、面倒だと言う場合は大きい画像のまま、属性のWIDTHとHEIGHTを設定して無理矢理小さく表示させることも可能です。
が、この場合小さくなるのはピクセルサイズのみで、ファイルサイズ自体はかわらないので、重いです。
やはり快適に見てもらうには、GIF等で減色させるべきでしょう。
フリー&シェアウエアを探せば、JPEGをピクセル縮小させつつGIFに変換してくれるソフトもあるので、探してみてはいかがでしょうか?

参考URL:http://www.vector.co.jp/
    • good
    • 0
この回答へのお礼

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

お礼日時:-0001/11/30 00:00

私が作るときには、ご質問の通り、別ページにリンクして作ります。


最初から大きい(=重たい)写真を載せるのは見てくれる人に失礼ですよね。
 小さい写真は、色数も落として(GIFでもいいかも)、大きい写真はきちんと?JPEGなどできれいに作るのが普通ではないでしょうか。
    • good
    • 0
この回答へのお礼

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

お礼日時:-0001/11/30 00:00

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q写真で、「クリックすると拡大します」。

写真で、「クリックすると拡大します」。

というページがありますが、
どのような書き方をすれば宜しいのでしょうか。

考え方を教えてください。
一般的な考え方、若しくはこれが一番簡単、等。

宜しくお願いします。

Aベストアンサー

いくつか、参考になりそうなページを載せます。


http://p2b.jp/1147275586


http://nplll.com/mutter/archives/2007/09/litebox.php


http://dispersalblog.blog90.fc2.com/blog-entry-114.html


http://attosoft.info/blog/release-auto-thickbox-single-plugin/

QHPに貼り付けた画像をクリックすると拡大表示する方法

HPに数枚の写真を小さく貼りつけ見る人が画像をクリックすると拡大されて見れるようにしたいが方法が分かりません。
WIndowsXP ホームページビルダーを使用しています。
宜しくお願いします。

Aベストアンサー

ビルダーでしたらサムネイルで出来ますが!

http://www.setuyaku-city.net/biruda/gazou/qhpg7.html

Qサムネイル画像をクリックすると拡大画像を表示させる方法

今はまずサーバに同一画像の小さい写真(サムネイル用)と大きい写真の両方をアップロードして、
小さい画像を表示させて、そこにリンクをつけて大きい画像のURLへとばすようにタグを書いているのですが、これでは同じ写真を2枚アップロードしなくてはいけず、面倒です。

1枚の写真だけをアップロードしてサムネイル画像を表示させて、クリックしたら拡大写真がでるようにするためにはどのようなタグを使えばいいのでしょうか?

Aベストアンサー

サムネイル表示するときだけ画像表示のサイズ指定をしてやればよいですね。

<a href="aaa.jpg"><img src="aaa.jpg" width="ピクセル数または%" height="ピクセル数または%"></a>

ただし、お分かりのように基の大きな画像を読み込んで表示だけ小さくする訳ですから、通信回線が遅かったり画像数が多いとサムネイル用の画像を用意したときよりも表示が遅くなります。


人気Q&Aランキング

おすすめ情報