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>
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>
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- … width=300 height=200 border=0>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
2つのページを重ねたい
-
フレームの片方だけを更新(リロ...
-
フレームページが表示されない...
-
フレームで指定している送信先...
-
googleドライブで、PDFファイル...
-
、URL化させるにはどうしたらい...
-
iPhoneです。 Adobeフラッシュ...
-
HTMLからフォルダを開きたい
-
aタグでワードファイルを開くor...
-
ダウンロード完了後メッセージ...
-
java_run.batがダウンロードで...
-
index.htmlファイルはどこに?
-
CSSデータの作成方法について(...
-
医療画像(Windows用)をMacで...
-
HTMLページが勝手にダウンロー...
-
HTMLファイルのインクルードで...
-
ZIP ファイルをWebサイトか...
-
htmlのタブの色変更について
-
ホームを index.html から inde...
-
Excelで、社外秘(閲覧のみ)と...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
どのページもすべて同じURLなの...
-
フレーム内のPHPへPOSTで情報を...
-
pythonのエラーについての質問...
-
2つのページを重ねたい
-
フレームの片方だけを更新(リロ...
-
html 左メニューから右への表示...
-
URLを変えないで表示する方法
-
フレームページが表示されない...
-
スクロールできない
-
フレームで指定している送信先...
-
フレームが表示されない><
-
html リンクを別フレームに表...
-
ブラウザで4分割表示できますか?
-
直リンクとは。
-
frameの内容が表示されない
-
HTMLファイルの置き方による読...
-
CSSを使って画像をクリックする...
-
フレーム分割した全体をスクロ...
-
フレームの表示と非表示の切り替え
-
HPの一部に他のHPを表示
おすすめ情報