HPに画像を載せたい！

質問

最近HPを作成して、初心者ながら奮闘してます。

そこで画像に関する質問なんですが、
ほんとに初歩的な質問なんですが…
よく小さい写真をクリックすると大きく表示される
とかありますよね？あのしくみがよくわからないんです。
あと、文字をクリックして写真を表示させるとか。
jpgのファイルはリンクできないんでしょうか？？

質問の意味、分かりづらかったらごめんなさい。

回答No.1

yoiyoi256 · ベストアンサー

＞よく小さい写真をクリックすると大きく表示される
＞とかありますよね？あのしくみがよくわからないんです

難しい仕組みではありませんよ。普通のＨＴＭＬ同士のリンクと同じ仕組みです。
よく使われているのは・・・
あらかじめ、表示したい画像の小さいのを作っておいて、小さいものをクリック
すると、大きい画像を表示する。
実際には下のようになります。

＋＋＋元のＨＴＭＬには＋＋＋
<A HREF="大きく表示.html"> <!--大きく表示させるようにしてあるＨＴＭＬへのリンク -->
<IMG SRC="小さい.jpg" BORDER=0> <!-- 用意した小さい画像の指定 -->
</A>
＋＋＋ 大きく表示させるＨＴＭＬには＋＋＋
<IMG SRC="大きい.jpg" BORDER=0> <!-- 大きい画像の指定 -->

＋＋＋元のＨＴＭＬをこうすると＋＋＋
<A HREF="大きい.jpg"><IMG ～中略～ ></A>
直接の画像へのリンクになります。

＋＋＋文字をクリックして表示する場合は＋＋＋
<A HREF="大きい.jpg">文字を書けばＯＫ！</A>

こういう方法もあります。
＋＋＋元のＨＴＭＬには＋＋＋
<A HREF="大きく表示.html"> <!--大きく表示させるようにしてあるＨＴＭＬへのリンク -->
<IMG SRC="大きい.jpg" BORDER=0 WIDTH=10% HEIGHT=10% > <!-- 大きいものを小さく表示 -->
</A>
＋＋＋ 大きく表示させるＨＴＭＬには＋＋＋
<IMG SRC="大きい.jpg" BORDER=0 WIDTH=100% HEIGHT=100%> <!-- 大きい画像の指定 -->

ねぼけつつ書いているので、間違えていたらごめんなさい。

お礼

ご丁寧にありがとうございました！！
これを参考に頑張ってみます♪

回答No.4

zeyper

画像を大きいサイズで載せたページをつくり、そこにリンクを貼れば良いんじゃないんですか？
たとえば、
<a href="画像を大きいサイズで載せているページのアドレス">文字か<img src="画像へのリンク先"></a>
と言った感じで。

あまりそういうのはやったことが無いので、自信は無いんですけど・・・

お礼

はい、リンクを貼るとかいろいろ試してみます！
ありがとうございました！！

回答No.3

min128mini

私が使っているＩＢＭのホームページビルダーというソフト ver,6では、一番上にあるファイルメニューの「挿入」から「デジカメ写真」→「サムネイル」と進むとあとはもう簡単！。ソフトが勝手にやってくれますよ。ご参考まで。

お礼

ソフトを使うという手がありましたね！
参考になります。ありがとうございました！！

回答No.2

kaname_s

「小さな画像～」というのはサムネイルですね。aco-xxさんが使用されてるＨＰ作成ソフトによっては簡単に作成できるものですが、どんなソフトで作っていますか？教えて下さると嬉しいです。

お礼

HP作成ソフトってFFFTPとかですかね？
ごめんなさい、ほんと初心者な者で…
すくなくともサムネイルというものは使ってませんです(^^；)
もっと勉強してみることにします。
ありがとうございました！