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

解決済

質問者：oksunis
質問日時：2005/10/24 15:01
回答数：2件

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>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： yambejp
回答日時：2005/10/24 20:11

あふれる画像がブラウザの中に納まるのは

ブラウザのオプションに依存しているので、
それをコントロールしようというのはかなり
困難だと思います。

どうしてもというのであれば姑息で、あまり
美しくないですが、以下のような手も検討して
みてはいかがでしょうか？

<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>

- 0
- 件

通報する

No.2

回答者： gura_
回答日時：2005/10/24 20:22

　直接画像を指定するのではなく、画像の表示サイズを指定した「ページ」(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- … width=300 height=200 border=0>
</body>
</html>