小さい写真一覧からクリックして、大きな写真に表示させる方法？

質問

よろしくお願いします。
当方、ホームページをもっておりますが、GoLive6というソフトを独学勉強して、ど素人から何とかホームページを立ち上げることが出来ました。ホームページは子供サークルのもので、イベント等はカメラ撮影して、ホームページにＵＰしております。が、写真が多いのでなんとか見れる位の写真を並べて表示しております。最近、サークル保護者の要望でその写真をクリックすると大きな写真画像になるように表示してほしいという要望がありました。早速、調べましたがよく分かりません。
サムネイルというものからリンクさせるということまでは、分かるのですが、実際、どのような手順で行えばよろしいのでしょうか？
ちなみに、当方理解で出来ているレベルは、ＨＴＭＬ言語の扱いは、無理ですが、ＨＴＭＬ言語の羅列を確認し、極々簡単な変更は出来る程度です。（初歩のＨＴＭＬ言語を参考にしております程度です）
よろしく、ご指導のほどお願いいたします。なお、ソフトはGoLive6ですがソフトの種類に関係なく、また、理解できるか出来ないかは別として一般的な回答で結構です。

回答No.2

bell39 · ベストアンサー

一番手っ取り早い方法は
・現在のページにある写真をすべて小さくする（サムネイル化）
ソース上では<IMG SRC="****.jpg">みたいな感じになっていると思いますが、この状態では元の画像そのままのサイズが表示されるようになっていますのでwidth（横幅）とheight（縦幅）を指示し画像を小さくさせます。
例：<IMG SRC="****.jpg" width="100" height="50">
・更にそのサムネイル化した画像に元画像をリンクさせる。
例：<A HREF="****.jpg"><IMG SRC="****.jpg" width="100" height="50"></A>

とりあえずここまでやってみて、あとはソフトを使うなりご自分でHTMLをいじってみるなりすればいいと思います。
理想としてはリンク先をhtmlページにし、そのページに写真をフルサイズで貼り付け一言等を挿入すれば見栄えもよくなると思います。

お礼

ありがとうございます。大変参考になります。早速、実践してみます。

回答No.1

hime_mama

簡単ですよ。

サムネイル＝小さな写真です。
なので、今使っている小さな画像をサムネイル扱い（image01-s.jpg）にしましょう。

そして、そのサムネイルに大きな画像ページ（image01.html）へのリンクをつけます。

タグで書くと
<A HREF="image01.html" BORDER="0"><IMG SRC="image01-s.jpg" BORDER="0"></A>
ファイル名は例えです。自分で管理しやすいように付けると良いですよ。

http://iswebmag.hp.infoseek.co.jp/sample087.html
参考に

参考URL：

http://iswebmag.hp.infoseek.co.jp/sample087.html

お礼

ありがとうございます。なるほど、理解できます。リンク先も参考になりました。早速、試してみます。