- ベストアンサー
背景の画像を表示される、枠内全体に表示できないでしょうか。
タイトルの通りですが、 確か私は、これと同じ物を前にも、どこかのホームページで見た記憶がありますが、残念ながら、そのホームページは現在閉鎖されていて、見ることは出来ません。 それで、で、私にはちょっと分らないので、できれば皆さんにおしえてくれませんか。 確か、背景じゃなくて、画像を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> 表のサイズに合わせて、画像のサイズを変える？
お礼
表のサイズに合わせて、画像のサイズをかえるですか。 私も最初はこの方法で考えていました。 でも、これじゃ、どうしても、画像がない部分も引き伸ばされちゃって駄目なんですよね。 何か言い方法を知っていましたら、よろしくおねがいします。 いろいろなサイトを回ってみましたけど、なかなか見つからないのです。 御願いします。
関連するQ&A
- スマホの背景画像について
タイトル通りスマホの背景画像について質問です。 初めて作成するので、まずはいろいろ調べたところ縦向きが320px で 横向きが480pxなので一般的にデザインカンプを作る際は320pxで作る ようなのでその通りにしております。 縦向きの場合には、サイズが合っているので表示もおかしくないのですが 横向きにしてしまうと間が空きます。 こんな問題があるので、できるだけ画像は使わないようにとのこともありますが 背景画像を使う場合、うまく表示できる方法はありますか？ 例えば、480pxで背景画像を作りcss3のbackground-sizeを使い縦向きであれば 320pxで横向きであればそのまま表示させるようにするとか思いついたのですがこの 方法はありでしょうか？
- ベストアンサー
- HTML
- ホームページの背景画像を画面いっぱいで表示するよう
ホームページの背景画像を画面いっぱいで表示するように 設定しようと考えています。 （jQueryのBACKSTRETCHなども考えています） その場合、使用する画像のサイズ（縦・横）はどれくらいがよいのでしょうか？ どのＰＣでもしっかり画面いっぱいに表示するには 世の中にあるＰＣのディスプレイの最大を上回る大きさにするのでしょうか？ 一般的にプロの人がホームページを作る場合、 画面いっぱいに背景を設定する際のサイズ（縦・横）を教えて頂けたらうれしいです。 どうぞよろしくお願い致します。
- ベストアンサー
- CSS
- ホームページの背景画像固定が上手くいきません
皆様よろしくお願い致します。 ２つほど質問です。 ウィンドウズＸＰのインターネットエクスプローラー（最新版） パソコンでホームページビルダーソフトでホームページを、 作成しています、 ★１つめは、 背景画像が上手く設定できずに 困ってます。ホームページビルダーに予め設定されている サイトサイズ幅７５０、高さ９００。 １０２４×７６８ディスプレイ用を使い、 素材サイトから、１０２４×７６８ピクセルサイズの壁紙を使用し、 作成しようとすると、壁紙が拡大されたような感じになってしまいます 横の右側が多少切れてしまいます。縦は、７５５位で途切れてしまい また同じ画像が繰り返されます。 ソフトの設定はいじってません。壁紙の画像は、そのままのサイズで 表示されないのでしょうか？ サイトサイズをマニュアル設定で 幅１０２４、高さ７６８で設定するとピタリとあいます。 自分が作りたいサイズは、１０２４×７６８ディスプレイ用なのです ★２つ目です サイトサイズ幅７５０、高さ９００。 １０２４×７６８ディスプレイ用を使い、 画像を固定したいのですが、上手くいきません。 画像が大きく拡大されてしまったり、 画像よりも縦幅のある、文章を載せようとすると、 画像のサイズを超えてしまうと、真っ白になったり、 同じ画像の繰り返しになってしまいます。 ホームページ作成の知識が乏しくお手間をお掛け致しますが お知恵をお借りできれば幸いです。 よろしくお願い致します。
- ベストアンサー
- その他（インターネット・Webサービス）
- 背景画像の設定について
ホームページビルダー８を使っています。 背景画像にしたい画像があって、「壁紙」で設定しても、 その画像が横に縦に連続して表示されるか、 真ん中に１つだけ表示されます。 これを右上にだけ表示するにはどうすれば いいのでしょうか？ よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- mac系で背景画像表示するには
Windowsでは背景画像が映ったのにmac系ではメニューも横だったのが縦になってリストマークまで表示されていて、背景画像もうつっていませんでした。 なんとか背景画像と横並びメニューを表示する方法はないでしょうか。 Windowsでchrome、firefox、IEはうつりました。画像も背景画像もメニューも。 mac系ではうつりませんでした。 環境が違うからでしょうがなんとか方法があれば教えて頂きたいです 何卒よろしくお願い申し上げます。
- 締切済み
- HTML
- Dreamweaver CS3で背景画像が表示されません
セールスレター（ホームページ）の背景に画像を使いたいので ＣＳＳの「body」から背景→背景イメージの欄に使用したい画像を設定しています。 理想はグラデーション画像なのですが、 どんな画像を入れても表示されません。 （グラデーションでないものも、ファイルサイズ等に関係なく表示されません） jpg画像で同じフォルダ内に入っています。 背景色は問題なく表示されます。 ホームページ内の背景でない部分はdivで囲み影画像を背景にしてあります。 （幅680px,高さ指定なし マージン：左右自動、上下０ 影の画像をＹ軸にリピート） body：（幅高さ指定なし、マージン上０、背景に入れたい画像） ページプロパティから背景画像を指定した場合は表示されますが、 ページのＴＯＰのみグラデーションのある画像にしたいため リピートするとグラデーションが何度も繰り返されてしまいます。 そのため「固定」を使うためにＣＳＳを使用しなければならないと思い ＣＳＳで表示する方法を探しております。 初心者なので何か初歩的なミスをしているかもしれません。 よろしくお願い致します。
- ベストアンサー
- CSS
- livedoorブログでの背景画像サイズ調整
livedoorブログを自分のパソコン（解像度は1920ｘ1080）で見た時に、背景が繰り返し無しで見えるように（縦だけで、横は繰り返し表示になってます）、背景画像（430ｘ995）を設定しました。 しかし、スマホやタブレットまたは他のモニター等で見た時に縦の方も繰り返し表示になることがあります。 どの機種で見てもピッタリになるように縦サイズを拡大するなどして表示させるにはどのようにしたらよいでしょうか？ 縦サイズだけで、横は繰り返し表示になっても構いません。 よろしくお願いします。
- ベストアンサー
- CSS
- ブログの背景画像についてですが初心者で説明すらできないので画像を載せて
ブログの背景画像についてですが初心者で説明すらできないので画像を載せてみます 背景とタイトルにそれぞれ画像を指定して本文を一枚の画像が囲っているようにしたいのですが 背景を繰り返しにするとタイトルと背景の重なる部分に線がでてしまうので背景画像を繰り返さない方法で 一枚の画像で背景もタイトルも指定しているのですが本文が長くなると当然縦方向の背景画像が足りなくなってしまい白くなってしまいます。 そこで背景を固定してスクロールしないようにして本文だけスクロールするようにしたのですが見た目的に 圧迫感があり本文縦方向がが狭くなりさらにパソコンによって縦方向が一部切れます。 なにか良い方法はないでしょうか レイヤーのように背景を重ねることは可能でしょうか 出来れば繰り返しと繰り返さない画像とを組み合わせたいのですが・・・
- ベストアンサー
- ブログ
- 背景画像を2枚表示したい
こんにちは、お世話になります。 タイトルにある通りなのですが、背景の画像を2枚表示させたいのです。 現在1枚表示しているものはSCCで指定してあり、リピートはなしなのですが、 もうひとつ表示したい背景画像はリピート表示、ポジション指定をさせたいです。 ちなみにスクロールさせても背景が重なる事はありません。 ブラウザはIE6.0を使っています。 宜しくお願い致します。
- 締切済み
- HTML
お礼
ハイ、これです！ う～ん、凄いですね。 私は感動しました。 私のしこりは一つ取れました。 私が、このHTMLを試したところ、ほんのちょっとバーがありましたが、その辺は自分の手で改修します。 どうも有り難う御座いました。 本当に助かりました。