人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

教えてください。

●質問者: mai_mai_mail
●カテゴリ:インターネット ウェブ制作
✍キーワード:HTML サムネイル 画像
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● oya-bin
●27ポイント

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

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

でいかがでしょうか?

◎質問者からの返答

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

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


2 ● koujirou
●27ポイント

1の返答です。

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

できません。

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

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

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


3 ● どうもと
●61ポイント ベストアンサー
<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...

こういう感じです。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ