- ベストアンサー
サムネイルの表示方法・・
独学で料理関係のＨＰを作りたいと考えています。 ある程度の形はできそうなのですが、画像をいくつか 入れたいと考えています。例えば、「オムレツ」の 小さな画像をクリックすると別ウインドウで表示される 方法（サムネイルとかなんとか・・）の方法が分りません。ＨＰビルダーを使わずに自分でというのは 難しいのでしょうか？ちなみに就職活動中にみた http://www.u2b.co.jp/magazine/beginner/html/20.html#サイトのサムネイルの感じが理想なんです。 どうかよろしく御回答下さい。
- HTML
- 回答数6
- ありがとう数4
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
ホームページを作るのに、必ずしもＨＰビルダーは必要ありません。 ＨＴＭＬの知識があれば、メモ帳で作れます。 昔はみんなそうでしたし、今もそうしているプロは多いです。 ご質問の件ですが、たとえば、 <A HREF="拡大表示したい画像か、その画像を載せているＨＴＭＬ" TARGET="_blank"><IMG SRC="小さな画像、つまりサムネイル画像" ></A> と、記述すれば、最小限のことはできます。 ただし、小さな画像はご自分で用意する必要があります。 また、 TARGET="_blank"は別のウィンドウを開くための記述で、同じウィンドウ内に表示したいときには必要ありません。 ちなみに、ご質問に書かれている参考ページは、Dreamweaber というソフトを使って作られていますね。
その他の回答 (5)
- Spur
- ベストアンサー率25% (453/1783)
No.4の者です。 画像加工ソフトは、改めて買ったり探したりしなくても、OSがWindows98以降なら付属しています。 ペイントブラシできますよ。 もちろんフリーソフトでもたくさんあります。 色々ありますが、↓ここが探しやすいと思います。２～３試して、自分に合うものを探してください。
画像加工はビルダーでも出来ますよ。改めて買わなくても大丈夫です。
- Spur
- ベストアンサー率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」は開く別窓の寸法です。
お礼
かなり丁寧なお答え感謝です！ 加工ソフトというのはいくらぐらいで 手に入るのでしょうか？感謝です！
- kmor
- ベストアンサー率27% (225/825)
サムネイル用の小さな画像を用意し、TABLEタグで出来ます。 <TABLE> <TD align="center"> <A href="xxx.jpg" target="_blank"> <IMG src="xxx.gif" alt="クリックで表示"> </A> </TD> </TABLE> このような感じで出来ます。
お礼
ありがとうございました！
- the845t
- ベストアンサー率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を表示する。
お礼
ありがとうございます！ そう難しくなさそうです。良いページが 出来るように頑張ります！
関連するQ&A
- サムネイルの挿入
ＨＰビルダー７を使っているので、サムネイルの挿入は簡易にできました。 そこで質問なのですが、サムネイルの機能は、画像をクリックすると大きく表示されるということですよね？ その時、画像にコメントを入れたりは出来ないのでしょうか？ 小さい時は画像だけで、開くとコメントが入っているという形なのですが。 やっぱり、こういった形を作るには、同じ画像で大・小２枚作り、小さい画像にリンクを貼って、大きい画像で別ページを作らなくてはいけないのでしょうか？ そうなると、枚数を作るのは大変ですよね。。 サムネイルでそういったことが出来れば楽なんですが。 何か良い方法はありますでしょうか？ 回答宜しくお願いしまーす！
- 締切済み
- その他（インターネット・Webサービス）
- サムネイル
ホームページビルダー１２を使っているのですが サムネイルを使って新たにウィンドウを開き、より大きな写真をみせたいと考えています しかしサムネイル画像をクリックしてでてくるウィンドウが画像サイズよりも小さなウィンドウでして・・ ホームページに来た人が、その写真をきちんと見るにはもう一度ウィンドウを拡大しなければいけません 「新たに表示されるウィンドウを画像サイズほど大きくできないものでしょうか・・」 いろいろ検索してみたのですがよくわかりませんでした 最悪ＨＰビルダーを使わなくても変更する方法があるならば教えてほしいのですが できたら作業を楽にするためにもＨＰビルダーで設定変更したいのですが無理でしょうか？ ちなみにＨＰはhttp://kasei.chimanako.net/です ここの左のマンホールギャラリーの大阪府→吹田市と入ってもらって写真をクリックすれば新ウィンドウが開きます・・・ どうかよろしくお願いします！！
- ベストアンサー
- その他([技術者向] コンピューター)
- サムネイルが拡大されない
ＨＰビルダーを使っています。 デジカメの画像のギャラリーを作りたくて、「挿入」→「デジカメ写真」→「サムネイル」として、サムネイルを作りました。 サムネイル…、つまり、小さな画像の一覧は作成できたのですが、それを実際にアップして、ブラウザで見たところ、クリックしても元の大きさの画像が表示されません。 サムネイルって、クリックすれば、元の大きさの画像が表示されるものですよね？ 画像がアップできていないのかと思うのですが、ページの転送も終了してるし、よく分かりません。 原因が分かる方いましたら、お願いします。
- 締切済み
- ホームページ作成ソフト
- HPにサムネイルを表示したい
WinXP+HPビルダーで、簡単なタグやJavaScriptでHPを作っています。 現在、写真を並べているページがあるのですが、すべての写真を800*600と160*120に画像を用意して、表の中に180*120の写真を入れて横に説明を書いて、その写真もしくは説明をクリックすると800*600の画像にLINKしてあり、表示するようにしています。 ただ、その作業が面倒なので、何か良い方法がないのかと思っているのですが、JavaScriptでサムネイルを表示させておけば、同じようなことが出来るらしいという事がわかりました。どのようなScriptを書けば良いのか？お手本になるようなページを紹介していただけないでしょうか？ できることなら、ご自分のページもしくは、ご自分が参考にされて作成してページを紹介していただけると助かるのですが。
- ベストアンサー
- ホームページ作成ソフト
- 画像をサムネイル表示しクリックで拡大
ホームページで、画像をサムネイル表示し、クリックで画像を大きく表示したいです。htmlは多少わかりますが、あと何が必要でしょうか。 参考になる知識やホームページなどありましたら教えてください。 ※以下のページのような画像表示がしたいです。サムネイルをクリックすると、画像が大きく表示され、大きい表示のまま次の画像や前の画像に進んだり戻ったりできるようにしたいです。 http://www.hirokikun.jp/magazine/pg49.html
- ベストアンサー
- HTML
- サムネイル画像の表示途中でそのサムネイル画像をクリックすると後から表示されるサムネイルが表示されない。
winXP PRO IE6.0SP1です。 とあるHPを作成していますが、サムネイル画像（約100画像）をクリックすると別ウィンドウが出る様にしています。 サムネイルが全部表示される前にクリックすると小窓が出て画像は表示されますが、そこから後に出るサムネイルが表示されずフリーズしてしまいます。 <a href="javascript:void(0);" onclick="window.open('./******/***.jpg','win1','width=400,height=400');" menubar=no toolbar=no locaction=no status=no><img src="./small/***.jpg" height=50 border=0></a> 他のPCで確認しても同じ状態です。 サムネイル画像が出ている途中でその画像をクリックしてもフリーズしない方法の解除方法はありますでしょうか？ 宜しくお願い致します。
- ベストアンサー
- HTML
- サムネイル画像がうまくいきません
ホームページビルダー６でHPを作成しているのですが サムネイル画像をクリックすると写真は表示されずに gooのHP画面が出てきます。対処法を教えてください 因みに写真のページが３ページあり、１、２ページはちゃんと出来るのですが ３ページ目だけ？？？な状態です 全て同じように作ったはずなのですが・・・ よろしくお願いします。
- ベストアンサー
- HTML
- HPビルダー７＜サムネイルの追加＞
HPビルダーでHPを作っていて、この間ようやくデジカメを手に入れたので、サムネイルを使って毎日１枚ずつギャラリーを増やしていく、という企画をやってますが、その新しい画像を追加するのに、わざわざ新しく作り直してますA(^_^;)さすがに面倒なので、サムネイルを追加する方法を教えてください！
- 締切済み
- その他(ソフトウェア)
- サムネイルが出来ない
ＨＰを作っています。 ビルダーを使ってサムネイルの写真をアップしましたが、小さな写真をクリックしても拡大写真が表示出来ません。何度クリックしても何も表示されないのです。写真もページももちろんサーバーに転送済みです。 どなたか原因を教えてくださいませんか？
- ベストアンサー
- Windows XP
- ホームページビルダーでサムネイルが上手く表示されません
現在ホームページビルダー11を使用しています。 その中でサムネイルを多く使用していますが、ホームページピルダーでのプレビューやブラウザでの確認では見れるのに、実際に転送した後、サムネイルをクリックしてみると写真の所に×が表示されて写真がみれません。 現在はFFFTPソフトを使って後からjpgファイルだけを転送しているという非常にめんどくさい方法をとっています。 よく分かりませんが画像のファイルだけアップされてないみたいなんです。 サムネイルのやり方が間違っているのでしょうか。 初心者なので、どなたか分かりやすく教えていただけないでしょうか。 よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
お礼
ありがとうございます！ ＞小さな画像はご自分で用意する必要があります というのは、画像ソフトで加工するということですね？ フリーソフトではなさそうですね（泣） 考えてみます。ありがとうございます。