締切済み

フレーム内に画像を表示する際、画像をフレームサイズに合わせたい。

2005/10/24 15:01

Webページで、フレームを使ってるんですが、フレーム内に表示する画像のサイズがマチマチで(画像の元サイズがとても大きかったりして)見栄えが良くありません。 main.htmlというソースを置いて、そこからタイトル表示用HTMLと画像リスト用HTMLをフレーム内に表示。画像リスト用HTMLからAタグで画像表示用フレームに画像を表示するよう記述。単にこれだけだと、ブラウザごとに画像サイズがフレーム内に収まるよう調整されたり、されなかったりなんですよ。どうにか、強制的にフレーム内に表示させるようにする方法を教えてください。 ------------------------------------------------- main.htmlの抜粋↓ ------------------------------------------------- <frameset rows="50,*"> <form name="frm1"> <frame src="title.html" name="ue"> <frameset cols="187,*"> <frame src="list.html" name="hidari"> <frame src="./img/1.jpg" name="migi"> </frameset> </form> </frameset> ------------------------------------------------- list.htmlの抜粋↓ ------------------------------------------------- <a href="img/2.jpg" target="migi">19</a>

oksunis
お礼率59% (36/61)

HTML
回答数2
ありがとう数1

みんなの回答 （2）
専門家の回答

みんなの回答

gura_
ベストアンサー率44% (749/1683)

2005/10/24 20:22 回答No.2

　直接画像を指定するのではなく、画像の表示サイズを指定した「ページ」(migi1.html migi2.html)を指定すればよいのでは?↓ 【main.html】 <frameset rows="50,*"> <form name="frm1"> <frame src="title.html" name="ue"> <frameset cols="187,*"> <frame src="list.html" name="hidari"> <frame src="migi1.html" name="migi"> </frameset> </form> </frameset> 【list.html】 <html><head></head> <body> <a href="./migi1.html" target="migi">migi1</a><br><br> <a href="./migi2.html" target="migi">migi2</a><br><br> <a href="http://oshiete1.goo.ne.jp/images/goo.gif" target="migi">図のみ指定の場合</a> </body> </html> 【migi1.html】 <html><head></head> <body> <img src="http://oshiete1.goo.ne.jp/images/goo.gif" width=300 height=200 border=0> </body> </html> 【migi2.html】 <html><head></head> <body> <img src="http://x.goo.ne.jp/banner3/20050608/Bonolon_200-200.gif" width=300 height=200 border=0> </body> </html>

yambejp
ベストアンサー率51% (3827/7415)

2005/10/24 20:11 回答No.1

あふれる画像がブラウザの中に納まるのはブラウザのオプションに依存しているので、それをコントロールしようというのはかなり困難だと思います。どうしてもというのであれば姑息で、あまり美しくないですが、以下のような手も検討してみてはいかがでしょうか？ <a href="view.htm?img/2.jpg" target="migi">19</a> としてview.htmを以下のように記述します。すると元データが大きくても小さくても200x200の画像として表示されます。クリックすれば、正式なサイズの画像が表示されます（あんまり「/」とかパラメータ渡ししちゃいけないんでわかるなら%2Fなどで代替してほしいところです） <body> <img src="" width="200" height="200" id="idImg" alt="null" onClick="window.open(objImg.src)"><br> 画像をクリックしてください<br> <script language=javascript> objImg=new Image(); objImg.src=location.href.split("?")[1]; document.getElementById('idImg').src=objImg.src </script> </body>