- ベストアンサー
背景の画像を表示される、枠内全体に表示できないでしょうか。
タイトルの通りですが、 確か私は、これと同じ物を前にも、どこかのホームページで見た記憶がありますが、残念ながら、そのホームページは現在閉鎖されていて、見ることは出来ません。 それで、で、私にはちょっと分らないので、できれば皆さんにおしえてくれませんか。 確か、背景じゃなくて、画像を100％表示するものは、理屈では分りますが、縦の幅だけならともかくも、横の幅も、そのサイズに合わせて、決まると言うのはこれも分りません。 なんだか、いつの間にやら、2つ質問をしてしまっていましたね。 私には、どうにも難解で分らない事ですので、できればお教えください。 おねがいします。
- uduki4
- お礼率86% (173/200)
- JavaScript
- 回答数4
- ありがとう数3
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
<head> <TITLE>新しいページ 6</TITLE> <meta http-equiv="Content-Type" content="text/html; charset=s-jis"> <SCRIPT LANGUAGE=javascript> <!-- function window_onresize() { var y1=window.document.body.offsetHeight; var x1=window.document.body.offsetWidth; var x = img.width; var y = img.height; var scale1=x1/x; var scale2=y1/y; if(scale1>scale2){ img.width = x * scale2; img.height = y * scale2; }else{ img.width = x * scale1; img.height = y * scale1; } } //--> </SCRIPT> </head> <BODY LANGUAGE=javascript onresize="return window_onresize()" onload="return window_onresize()"> <P> <IMG id=img style="Z-INDEX: -1; LEFT: 0px; POSITION: absolute; TOP: 0px" src="img3.jpg" > 背景画像は白っぽいのを使ってね。</P> <P>ちょうどいいサイズの画像が無いのでうまくいってるのか不明です。 </P> </BODY> </html>
その他の回答 (3)
- ittochan
- ベストアンサー率64% (2667/4137)
ごめんなさい、間違ってたようです。 var y1=window.document.body.offsetHeight; var x1=window.document.body.offsetWidth; は、 var y1=window.document.body.clientHeight; var x1=window.document.body.clientWidth; こうです。 それと、IMGタグの width="1024" height="768"> このサイズ指定を削除してください。 | 柱 |ヽ(-.-；) 反省
お礼
どうも有り難う御座います。 なるほど、こうすればよかったんですね。 これで、イメージの１00％表示がうまくいきました。 有り難うございます。 で、思わず締め切ろうかと思いましたが、背景の件が・・・、私ももう少し頭を使ってみますので、知っている方がいらっしゃったら御願いします。
- ittochan
- ベストアンサー率64% (2667/4137)
＞でも、これじゃ、どうしても、 ＞画像がない部分も引き伸ばされちゃって ＞駄目なんですよね。 うーーーん、 ＞＞表のサイズに合わせて、画像のサイズを変える？ と聞いたつもりなんですが。 もう一度聞きますが、どの様な仕様なのでしょう？ 画像のサイズに合わせて表のサイズを変える？ それとも、 画像の縦横比を保持しながら出来るだけ表のサイズに 近づけるのでしょうか？
補足
ちょっと遅くなりましてすいません。 ちょっと、私の言葉が足りなかったようですいません。 私のやりたいことは、 １）、相手側の・・・（つまりは見ている人ですね）、ブラウザーで見たときに、縦の幅をブラウザーの縦のサイズに合わせて、その縮尺で、今度は、横も合わせて見せると言うものです。 ２）これは出来なくてもいいのですが、さらにその応用の、それを背景画面として見せるためにはどうしたら良いのか？。ということです。 かなり難しいとは思いますが、実際、私はそのページを見たのですから出来ると思っていますし、そのページでは出来ていました。しかし、そのページは現在、上にも書きました通り現在閉鎖中で、そこからどのようにして作ったのか？だけでも言いから分らないものかと思って、聞きました。 かなり高度なテクニックですよね、これは・・・。 スタイルシートを使っているのかと思って作りましたが、駄目でした。 どうか皆さん。 私に教えて下さい。 御願いします。
- ittochan
- ベストアンサー率64% (2667/4137)
<HTML> <head> <title></title> <SCRIPT LANGUAGE=javascript> <!-- function window_onload() { document.myIMG.width = 300; document.myIMG.height = 300; document.myIMG.src="img1.jpg"; } //--> </SCRIPT> </head> <body LANGUAGE=javascript onload="return window_onload()"> <TABLE width=300 border=1 height=300> <TR> <TD><IMG name=myIMG></TD></TR></TABLE> </body> </html> 表のサイズに合わせて、画像のサイズを変える？
お礼
表のサイズに合わせて、画像のサイズをかえるですか。 私も最初はこの方法で考えていました。 でも、これじゃ、どうしても、画像がない部分も引き伸ばされちゃって駄目なんですよね。 何か言い方法を知っていましたら、よろしくおねがいします。 いろいろなサイトを回ってみましたけど、なかなか見つからないのです。 御願いします。
お礼
ハイ、これです！ う～ん、凄いですね。 私は感動しました。 私のしこりは一つ取れました。 私が、このHTMLを試したところ、ほんのちょっとバーがありましたが、その辺は自分の手で改修します。 どうも有り難う御座いました。 本当に助かりました。