写真をクリックすると大きくなる方法について？

Question

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

atsuota · Accepted Answer

ご想像の通りです。ただ、画像ごとにページをデザインするのが大変だぁ、という場合は、リンク先に画像ファイル名を直接指定すると、真っ白のページに画像だけ表示されます。シンプルですが、作成は楽です。例：

クリックすると大きな画像が表示されますただし、画像はブラウザで通常表示できるGIFかJPGのみにしてください。

hyde-la · Answer

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

kenkenkent · Answer

z-tonさんのおっしゃる方法が、最も一般的だと思いますよ。
実際に見せたい大きな画像は、別のHTMLを用意するなり、
ファイル単体で置いておき、直リンクさせるなりして、
メニューには、縮小したサムネイルを置いておくと言う事で。
初心者の人などで、『画像を縮小する』の意味が理解できていない人などは、
大きな画像ファイルのまま、表示サイズだけ縮小している事がありますが、
そんな状態で写真が10も20も並んだメーニューを作られたら、
見る側からしたら、たまったモンじゃありません。
以前。とあるネットアイドル（自称）のHPを見てみたら、
1つ250～300KBもある様な巨大な画像ファイルが20個以上も並んだ
写真集のページがあって、全部を表示し終わるまでに
30分以上かかった事がありました。
本人は『メニユー用に小さい写真を用意しました』なんて書いてましたけど（笑）

ちなみに、もっと凝ったやり方をするのであれば、
Java Scriptか何かを使って、並んだサンプル画像の上に
カーソルを合わせると、決められたワクの中に大きな画像が
表示される、なんて事もできるみたいですよ。
確か、『スライドショー』とか言ったかも知れません。

ark2sp · Answer

普通に考えれば、皆さんのおっしゃる通り小さい画像を用意して、大きい画像にリンクを設定してやればOKです。
ただ数が多くなると面倒です。
そういうことを自動で処理してくれるソフトがあります。
面倒なのでそのソフトに処理してもらいましょう。
自分で最初から作るのは時間のムダのような気がします。

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

POLYSICS · Answer

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

参考URL：http://www.vector.co.jp/

ikeuchi · Answer

私が作るときには、ご質問の通り、別ページにリンクして作ります。
最初から大きい（＝重たい）写真を載せるのは見てくれる人に失礼ですよね。
　小さい写真は、色数も落として（GIFでもいいかも）、大きい写真はきちんと？ＪＰＥＧなどできれいに作るのが普通ではないでしょうか。

写真をクリックすると大きくなる方法について？

ご想像の通りです。

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

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

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

この回答への補足

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

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

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング