-PR-
解決済み

サムネイルの表示方法・・

  • 困ってます
  • 質問No.460674
  • 閲覧数59
  • ありがとう数4
  • 気になる数0
  • 回答数6
  • コメント数0

独学で料理関係のHPを作りたいと考えています。
ある程度の形はできそうなのですが、画像をいくつか
入れたいと考えています。例えば、「オムレツ」の
小さな画像をクリックすると別ウインドウで表示される
方法(サムネイルとかなんとか・・)の方法が分りません。HPビルダーを使わずに自分でというのは
難しいのでしょうか?ちなみに就職活動中にみた
http://www.u2b.co.jp/magazine/beginner/html/20.html#サイトのサムネイルの感じが理想なんです。
どうかよろしく御回答下さい。
通報する
  • 回答数6
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

質問者が選んだベストアンサー

  • 回答No.1
レベル10

ベストアンサー率 43% (52/120)

ホームページを作るのに、必ずしもHPビルダーは必要ありません。
HTMLの知識があれば、メモ帳で作れます。
昔はみんなそうでしたし、今もそうしているプロは多いです。

ご質問の件ですが、たとえば、

<A HREF="拡大表示したい画像か、その画像を載せているHTML" TARGET="_blank"><IMG SRC="小さな画像、つまりサムネイル画像" ></A>

と、記述すれば、最小限のことはできます。

ただし、小さな画像はご自分で用意する必要があります。

また、 TARGET="_blank"は別のウィンドウを開くための記述で、同じウィンドウ内に表示したいときには必要ありません。

ちなみに、ご質問に書かれている参考ページは、Dreamweaber というソフトを使って作られていますね。
お礼コメント
noname#3228

ありがとうございます!

>小さな画像はご自分で用意する必要があります

というのは、画像ソフトで加工するということですね?
フリーソフトではなさそうですね(泣)
考えてみます。ありがとうございます。
投稿日時 - 2003-01-31 23:27:40

その他の回答 (全5件)

  • 回答No.2
レベル12

ベストアンサー率 33% (246/743)

特に難しくありませんよ。
元になるオムレツの画像を用意し、
次にその画像を画像ソフトを利用しリサイズ(小さく)します。

HTMLの記述は
<a href="omuretsu.jpg"><img src="omuretsu_s.jpg" width="**" height="**" border="0" ALT="オムレツ" title="オムレツ"></a>

のように記述すればOK.
<a>で、大きな(基の)画像omuretsu.jpgをリンクし、
<img>で小さな画像omuretsu_s.jpgを表示する。
お礼コメント
noname#3228

ありがとうございます!
そう難しくなさそうです。良いページが
出来るように頑張ります!
投稿日時 - 2003-01-31 23:28:59


  • 回答No.3
レベル12

ベストアンサー率 27% (225/825)

サムネイル用の小さな画像を用意し、TABLEタグで出来ます。
<TABLE>
<TD align="center">
<A href="xxx.jpg" target="_blank">
<IMG src="xxx.gif" alt="クリックで表示">
</A>
</TD>
</TABLE>

このような感じで出来ます。
お礼コメント
noname#3228

ありがとうございました!
投稿日時 - 2003-01-31 23:29:34
  • 回答No.4
レベル13

ベストアンサー率 25% (453/1783)

通常サイズの画像と、加工ソフトで小さくした画像を用意するだけです。
小さな画像を「sss.jpg」、通常サイズを「aaa.jpg」とすれば、
<a href=aaa.jpg><img src=sss.jpg border=0></a>
とすれば、小さな画像をクリックすると大きな画像に変わります。
でも、別窓を開いて大きな画像を出したければ、
<a href=aaa.jpg target=_new><img src=sss.jpg border=0></a>
としなければなりません。
さらに、開いた別窓を、いっぱいの大きさではなく、画像と同じ大きさに制御したければ、JavaScriptを使って、次のようにします。
<a href="JavaScript:window.open(aaa.jpg,photo,"width=600,height=400,scrollbars=no,resizable=no,toolbar=no,location=no,directories=no,status=no")><img src=sss.jpg border=0></a>

※「photo」は開く別窓の名前です。お好きな名前をつけてください。
※「width=600,height=400」は開く別窓の寸法です。
お礼コメント
noname#3228

かなり丁寧なお答え感謝です!
加工ソフトというのはいくらぐらいで
手に入るのでしょうか?感謝です!
投稿日時 - 2003-01-31 23:30:37
  • 回答No.5

画像加工はビルダーでも出来ますよ。改めて買わなくても大丈夫です。
  • 回答No.6
レベル13

ベストアンサー率 25% (453/1783)

No.4の者です。
画像加工ソフトは、改めて買ったり探したりしなくても、OSがWindows98以降なら付属しています。
ペイントブラシできますよ。
もちろんフリーソフトでもたくさんあります。
色々ありますが、↓ここが探しやすいと思います。2~3試して、自分に合うものを探してください。
このQ&Aで解決しましたか?
関連するQ&A
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-

特集


開業・独立という夢を持つ人へ向けた情報満載!

ピックアップ

ページ先頭へ