コピペで<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>
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
これだけの情報からでは、まったく分かりませんねw
もし、使っているスクリプトが
<!-- Original: Altan (snow@altan.hr) -->
<!-- Web Site: http://www.altan.hr/snow -->
のものだとしたら、2つのことが考えられます。
1)背景が白くなっているので反応がないように見える。
2)雪の画像に問題がある。
具体的には、var snowflake へ入れる画像のファイル
名で、すべて大文字になっていませんか?
実際の画像名(拡張子含む)とこの部分を一致させる
必要があります。
SNOW.GIF と snow.gif やsnow.GIF はちがいます。
2)の可能性が高いように思いますが・・・。
この回答への補足
<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;
var a, b, c;
var am, stx, sty;
var i, doc_width = 800, doc_height = 800;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
a = new Array();
b = new Array();
c = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; i ++) {
a[i] = 0;
b[i] = Math.random()*(doc_width-60);
c[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
if (ns4up) {
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"lna\"><img src=\"" + snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"lna\"><img src=\"" + snowflake + "\" border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 13px; LEFT: 13px;\"><img src=\"" + snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 13px; LEFT: 13px;\"><img src=\"" + snowflake + "\" border=\"0\"></div>");
}
}
}
function snowNS() {
for (i = 0; i < no; i ++) {
b[i] += sty[i];
if (yp[i] > doc_height-50) {
b[i] = Math.random()*(doc_width-am[i]-30);
c[i] = 0;
stx[i] = 0.04 + Math.random()/10;
sty[i] = 0.5 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
a[i] += stx[i];
document.layers["dot"+i].top = c[i];
document.layers["dot"+i].left = b[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() {
for (i = 0; i < no; i ++) {
c[i] += sty[i];
if (c[i] > doc_height-50) {
b[i] = Math.random()*(doc_width-am[i]-30);
c[i] = 0;
stx[i] = 0.04 + Math.random()/10;
sty[i] = 0.5 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
a[i] += stx[i];
document.all["dot"+i].style.pixelTop = c[i];
document.all["dot"+i].style.pixelLeft = b[i] + am[i]*Math.sin(a[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
-->
</script>
を貼り付けてるんですけど・・・<body>~</body>に張るだけですって書いてあったのでやってみたんですが…初心者なので・・・
No.2
- 回答日時:
このまま貼りつけても雪は降りませんw
おそらく実際に雪が降っているページがあるのだと思い
ますが、その雪を右クリックしてダウンロードします。
格納場所は、このスクリプトを張りつけるファイルのあ
るディレクトリの中がよいでしょう。画像の名前は、
snowとしてください。その際、拡張子がgifかjpgかに注
意してください。gifなら「snow.gif」ですね。
そうしておいてから、スクリプトを張りつけたHTMLの
ソースを開いて、スクリプトの上から5行目の
var snowflake = "降らせる画像のURL";
というのを探してください。ここを変えます。画像は
snow.gifでしたから、
var snowflake = "snow.gif";
と書き直してください。
ファイルを保存してから、ファイルを開いてみてくだ
さい。雪がふっていると思うのですが・・・。
この回答への補足
度々すみません...var snowflake = "降らせる画像のURL";ここに自分でダウンロードした画像を入れてるのですが無反応なんです・・・○○.gifってなってるんですけどダメなんです/(-_-;)ヽ
http://homepage2.nifty.com/floral~style/framepag …
このサイトから持ってきてるんですけど・・・何とか背景を黒にして十字の星を降らせたいんです!!お願いします!何故出来ないのか、もう1度教えて下さい(m。_。)m オネガイシマス
No.3
- 回答日時:
画像のURLはきちんと入れられてたようですね。
失礼しました。
私もそのサイトへ行って、DLしてみました。背景も黒くし
て、ちゃんと美しく雪降りましたよ。
ここに貼られたコードも比較してみたんですが、特に欠
けている部分もないようです。
うーん。おかしいですねえ。
私がやった方法は、ページの窓からコードをコピーしたの
ではなく、ソースからコピペしたんですが、それで試して
みられたらいかがでしょうか。
ご提示されたURLのページのソース画面を開いて、
<BODY bgcolor="#5e4b42" .....>
から
snowIE();
}
-->
</script>
までを、ぞっくりコピーしてやってみてください。
この際の画像は、「css-hosi.gif」になっています。
あと、念のためですが、このページのコードで
-->
</script>
の部分は文法的にまちがいです。
//-->
</script>
と書き換えてみてください。
ありがとうございました!出来ました!!感激です。゜゜(>ヘ<)゜ ゜。Blaiseさんのおかげです!本当にありがとうございました☆で、もう一つ聞きたいんですが…画像を降らせたら、動く画像が止まってしまったのですが何故でしょうか?動く国旗を載せていたのですが止まってしまいました。教えていただけませんか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- C言語・C++・C# C言語の質問です HTMLでこのようなコードを書いたのですがそれをC言語で同じように書きたいです < 1 2022/08/11 23:38
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- JavaScript JAVASCRIPT 2 2022/04/15 15:10
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
スライダーを実装した場合、ペ...
-
lightbox2をiframeから外に表示...
-
javascript keisanとlook
-
画像クリック→メッセージボック...
-
JAVASCRIPTでアクセス毎に画像...
-
画面の表示位置を指定させて表...
-
オンマウスで、画像切り替え+...
-
Gifアニメ、最後のコマに行った...
-
Javascriptで指定した日付と時...
-
画像と説明文を別データで作りたい
-
【java】背景画像を一定時間で...
-
MAX関数を使ってからLEFT JOIN...
-
c++std::string型をTCHARに変換...
-
htmlの記述で link rel=styles...
-
JQueryで画像の上で文字を動かす
-
ロールオーバー効果にならない。
-
jspでcssが読み込めない
-
離れた場所にマウスオーバーで...
-
フォントサイズの変更
-
変数内容をHTML内で表示する方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
JavaScript スライドの画像にリ...
-
1枚の画像をクリックして複数の...
-
HTMLで条件分岐はできますか?
-
Javascript で共通の処理をどこ...
-
Gifアニメ、最後のコマに行った...
-
JavaScriptとチェックボックス...
-
画像の重なりの順序を代える方...
-
画像ランダム表示、しかしダブ...
-
javascriptで毎月替わる画像
-
1枚の画像をクリックすると複数...
-
オンマウスで、画像切り替え+...
-
透過pngの透明部分以外をクリッ...
-
Javascriptで指定した日付と時...
-
jQueryスライドショー画像への...
-
JavaScript で flexslider の画...
-
lightbox2をiframeから外に表示...
-
重なった画像にクリックイベン...
-
Twitterの埋め込みしたWebペー...
-
画像をフォルダに入れれば表示...
おすすめ情報