• 締切済み
  • 暇なときにでも

Javaスクリプトを使った背景画像について

背景画像をJavaScriptを使用してX軸に一回、Y軸に一回だけ表示するようにして、IEで見てみるといいのですが、NNで見ると、全体に繰り返し背景が表示されています。 どなたか回避作を教えていただけませんか?

共感・応援の気持ちを伝えよう!

  • JavaScript
  • 回答数1
  • 閲覧数278
  • ありがとう数21

みんなの回答

  • 回答No.1
noname#9414
noname#9414

お望みのものと、実現方法は違いますが、それでも望まれていることは 実現できるので、ご容赦ください。 JavaScriptでなくても、実現は出来ます。まぁ、JavaScriptの方が むしろ面倒かもしれませんね。 私の実現方法は、CSSスタイルシートです。ですから、CSSスタイル シートに対応していない、JustViewなどでは、全く反映されないので、 お気をつけください。 スタイルシートでは、次のようにして実現します。 <BODY style="background: url(画像のあるところ) no-repeat"> と、このように描いてあげれば、1回だけ画像を描いてくれます。 また、X軸方向にのみ繰り返したければ、repeat-x    y軸方向にのみ繰り返したければ、repeat-y となります。 このほか、画像の場所も指定したければ、 水平方向:left、center、right 垂直方向:top、middle、bottom で大まかな位置を書くことが出来ます。ただし、場所指定は、 Internet Explorerのみの対応なので、Netscapeでは使用できません。 反映されないってことですね。Netscape用なら、JavaScript スタイルシートでもいいかもしれませんね。 #私は、JavaScriptスタイルシートの書き方は知りません。あしからず。 それでは、間違いがございましたら、ご指摘ください。 ではでは☆

共感・感謝の気持ちを伝えよう!

関連するQ&A

  • セルに背景画像を入れたいのですが

    DREAMWEAVERを使用しています。 ページ全体や、テーブル全体ではなく、セルに背景画像を入れたいのですが、DREAMWEAVER上ではちゃんと入るのですが、IEでプレビューすると表示されません。 Netscapeでは表示されます。 いろいろ調べたところ、DREAMWEAVERでセルに背景画像を入れると、<TR>タグにbackgroundの指定がが入ってしまうので、IEでは表示されないことが多い、とあったのですが、この場合どうしたらIEでも表示されるのでしょうか?

    • ベストアンサー
    • CSS
  • 背景画像を二つ指定

    こんにちは。 全体の背景画像(斜めストライプの柄)と、 コンテンツ部分に背景画像(白で両サイドに線)を別々に指定したいのですが、 IEではうまく表示されましたがNetScape、Firefoxでは真ん中の画像が表示されません。。 URLはこちら http://ic.web6.jp/portfolio/rigtig.html 全体の背景はbodyに、 コンテンツにはdiv要素にrepeat-yで背景をそれぞれ指定しました。 どうすればIE以外でもうまく表示されるでしょうか? 背景を指定しているCSSはこちら body { width : 762px; margin : 0 auto; background-image : url("images/top_bg.gif"); line-height:1.4; font-size:10pt; } div#wrap{ width : 762px; background-image : url("images/body_bg2.gif"); background-repeat: repeat-y; }

    • ベストアンサー
    • HTML
  • テーブルの背景画像をランダムで表示する

    恐らくJavaScriptだと思うのですが、テーブルの背景画像をランダムで表示するにはどうすればいいんでしょうか? ページ全体の背景をランダムで表示するソースは見つかったのですが・・。

  • 背景画像がちらつく原因は?

    a:hover のとき、背景画像を変更してjavascriptを使用せずマウスオーバー処理を行う方法がありますよね。簡単に書くと下記のようになります。 <a href="***">テキスト</a> a { background:url(aaa.gif); } a:hover { background:url(bbb.gif); } ローカル環境ではうまく表示されるのですが、アップロードすると一瞬真っ白になってから背景画像が変わります。これはなぜでしょうか。 IE6使用(Windows)です。 MacIEやNetscapeだと、ぜんぜん問題ありませんでした。IE特有の問題なのか、私のPC環境によるものかはっきりさせたいと思うので、わかる方、宜しくお願いします。

    • ベストアンサー
    • HTML
  • java script

    java script マウスに追従する 画像について。 実装はできるのですが、こういった事象で困っています。 「縦スクロールに対して追いついてこない」 「1スクロール分したに移動するたびにおいてきぼりになる。」 このサイトも同じ事になってしまってます。 http://ameblo.jp/ma-reete/entry-10445768523.html という事です。 以下、スクリプトでは間違っているのでしょうか。 回答お願いします。 (当方IE8試用、FFではみれないようですね。) <script language="JavaScript"><!-- function moveImage() { x = event.x; y = event.y; document.getElementById("myIMG").style.left = x; document.getElementById("myIMG").style.top = y; } // --></script> <link href="style.css" rel="stylesheet" type="text/css" /></head> <body onMousemove="moveImage()"> <!--mouse 画像 start--> <IMG src="image/common/mika002.gif" id="myIMG"> <!--mouse 画像 start-->

  • javaスクリプトで背景画像をランダム表示。

    javaスクリプトを使って特定のボックスの背景画像をランダム表示するようにしたいのですが、その記述法を教えていただけないでしょうか。 http://blog.e-groover.org/archives/2004/06/21/185334.php こちらも参照したのですが、cssで画像位置を固定するようになってますが、全体のボックスをセンタリングしているのでちょっと違う気が。 基本的なcss、htmlの知識はあります。 どうぞよろしくお願いします。

    • ベストアンサー
    • HTML
  • ジャバスクリプト

    コピペで<body>~</body>に入れてるのですが出来ません。背景に画像を降らせたいのですが…Yahooジオシティーズで作ってます。全然無反応で…何故!? <SCRIPT LANGUAGE="JavaScript1.2"> <!-- var no = 30; var speed = 22; var snowflake = "降らせる画像のURL"; var ns4up = (document.layers) ? 1 : 0; var ie4up = (document.all) ? 1 : 0; ~中略~ --> </script>

  • IE6でCSSに指定したpngの背景画像を表示する

    こちらのサイトhttp://bokoro.com/は、背景画像の多くがpng画像となっていますが、 IE6でも同じように表示されています。 javascriptでIE6でもpng画像がうまく表示されるように制御しているのかと思いましたが、 そのような記述は見当たりませんでした。 いったいどうやってIE6でもきれいに表示させているのでしょうか? わかる方、ご教授ください。 宜しくお願いします。

    • ベストアンサー
    • HTML
  • 画像クリックで背景を変える

    素材配布サイトを作っています。ある画像をクリックすると、背景がその画像に変更されるようにしたいのですが、このとき、縦方向、または横方向にだけ画像が並べられるようにするにはどうすれば良いのでしょうか?検索して背景全体に画像が並べられるようにする方法はわかりましたが、JavaScriptの知識が全くないので応用できません…。

  • ブログのトップページに背景画像をでっかく貼り付けたい

    livedoor blog, Autopage blog などで、CSSで編集して背景画像を大きくトップページに貼り付けたいのですが、どうしたらいいのでしょうか?body の background あたりに画像のURLを貼り付けるのだろうとは思うのですが、具体的にどうしたらいいのかわかりません。検索サイトで調べましたが、x軸とy軸の意味もわかりません。 画像の大きさ(ピクセル×ピクセル)も指定してCCSに書き込まなければいけないのでしょうか?