htmlのみで画像のサムネイルの表示をするにはどのようにすればいいでしょうか?


教えてください。

回答の条件
  • 1人2回まで
  • 登録:2009/03/23 17:03:07
  • 終了:2009/03/23 21:12:22

ベストアンサー

id:doumoto No.3

どうもと回答回数497ベストアンサー獲得回数372009/03/23 19:53:58

ポイント61pt
<a href="http://f.hatena.ne.jp/images/fotolife/d/doumoto/20090323/20090323172047.jpg"><img src="http://f.hatena.ne.jp/images/fotolife/d/doumoto/20090323/20090323172047.jpg" width="225" height="127"></a>

HTMLのみだと、1番の回答で大丈夫かと。(´ー`)y-~~。サムネイル用の小さい画像をあらかじめ用意しておくほうが綺麗に表示できます。

ヤフオクのように小さな画像を並べておいて、クリックすると拡大表示ってのは、javascriptのライブラリーが必要です。

http://www.econosys.jp/system/iz_zoom.html

http://www.econosys.jp/system/demo/iz_zoom_demo/iz_zoom_demo.htm...

こういう感じです。

その他の回答(2件)

id:oya-bin No.1

oya-bin回答回数73ベストアンサー獲得回数42009/03/23 17:26:34

ポイント27pt

<a href="http://画像URL">

<img src="画像URL" border="0" width="サムネイルにしたい横幅サイズ" height="サムネイルにしたい縦幅サイズ" /></a>

でいかがでしょうか?

id:mai_mai_mail

ありがとうございます。以下はヤフオクのサンプルリンクです。このようにサムネイルをクリックすると画像が大きく表示されるようにhtmlだけでできるでしょうか?固定の場所で大きく表示したいと思います。

http://page.auctions.yahoo.co.jp/jp/auction/116655010

2009/03/23 18:01:33
id:koujirou6218 No.2

koujirou回答回数597ベストアンサー獲得回数472009/03/23 19:24:32

ポイント27pt

1の返答です。

>固定の場所で大きく表示したいと思います。

できません。

サンプルページでのクリックすると固定の場所に拡大表示されるという仕組みはJavascriptを利用しているためできません。

Yahooオークションで利用できるのは基本的なHTMLのみになりますので、サムネイルのようにしたい場合は表示画像のリンク先を拡大画像にする必要があります。

<a href="拡大画像リンク"><img src="サムネイル画像リンク"></a>

id:doumoto No.3

どうもと回答回数497ベストアンサー獲得回数372009/03/23 19:53:58ここでベストアンサー

ポイント61pt
<a href="http://f.hatena.ne.jp/images/fotolife/d/doumoto/20090323/20090323172047.jpg"><img src="http://f.hatena.ne.jp/images/fotolife/d/doumoto/20090323/20090323172047.jpg" width="225" height="127"></a>

HTMLのみだと、1番の回答で大丈夫かと。(´ー`)y-~~。サムネイル用の小さい画像をあらかじめ用意しておくほうが綺麗に表示できます。

ヤフオクのように小さな画像を並べておいて、クリックすると拡大表示ってのは、javascriptのライブラリーが必要です。

http://www.econosys.jp/system/iz_zoom.html

http://www.econosys.jp/system/demo/iz_zoom_demo/iz_zoom_demo.htm...

こういう感じです。

  • id:Vacuum
    >サンプルページでのクリックすると固定の場所に拡大表示されるという仕組みはJavascriptを利用しているためできません。

    できると思うけどねぇ。どうして自分の知識の範疇を超えると、調べもしないで簡単にできないというのかなぁ。
  • id:Reiaru
    Dynamic Drive CSS Library- CSS Image Gallery
    http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/

    クリック → 拡大ではありませんがこの応用で如何様にもできます。
    回答も締め切られておりますので、これ以上の事は表記致しませんが。
  • id:koujirou6218
    すいません、どこかの質問でYahooオークションでのCSSとJavascript利用に関する似た質問があったため混乱していしまいました。
    VacuumさんとReiaruさんのおしゃるようにCSSを利用すれば実現可能です。
    CSSも不可となれば、インラインフレームなどで誤魔化す方法なども考えられますが。
    質問文をしっかり読まないで回答してしまい申し訳ございませんでした。

この質問への反応(ブックマークコメント)

トラックバック

  • 画像表示テスト 自分のはてなフォトライフ他人のはてなフォトライフhttp記法で画像表示 まとめんばーさんのサイトから画像取得picasa から画像取得フォト蔵 サイズ中クリックで画像拡
「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません