• ベストアンサー

Java Scriptで作ったhtml形式の壁紙をgif形式に・・

ホムペの無料素材屋さんの所の「壁紙」の所に 『動く壁紙』としてJava Scriptで作られてると思う壁紙を gif形式で置いてられる所を見た事があるのですが、 あれはやはりJava Scriptの専門的な知識が無いと作るのは無理なのでしょうか?(^^; 本などの付録のCD-RからダウンロードしたJava Scriptの壁紙を、html方式で確認して見る事が出来るのですが・・・確かgif方式にしないと壁紙として使う事が出来ないッて聞いた事があるのですが・・・、これをどう言う風にgif方式に変えたら良いのか・・どうしても解りません。 名前を書き換えて保存する時に「拡張子」を変えるだけではダメみたいですし・・・、やっぱりソースからの書き換えがしつようなのでしょうか? ちなみに関係無いのか解りませんが、僕のPCは Windows Meを使っています。

質問者が選んだベストアンサー

  • ベストアンサー
  • sinisa
  • ベストアンサー率41% (5/12)
回答No.5

またまた失礼します。どうやら今回の壁紙とは、アニメーションGIFではなくて、Java Scriptによるものですね。m(__)m 今回のJava Scriptによる壁紙は、羽根などの画像ファイルを動かしたりするプログラムのために、Java Scriptというスクリプト言語で動きを実行しているので、全体としては画像ファイルではないので壁紙ではないのです。(要は、壁紙のようにしていると言ったところでしょうか。) また、今お使いのHP作成ソフトでもJava Scriptによる壁紙を使うことができます。 まず作りたいHPをソフトで(本文を書いたり、貼りたい画像を入れたりして)作成し、できたhtmlファイルを開きそこで右クリックの『ソースを表示』を選択して、下記のJava Scriptソースを<BODY>タグの後にカット&ペースとで書きこみ、html拡張子で保存すればご希望のHPができると思います。 htmlのタグやJava Scriptは、すぐに覚えることができますよ。(僕は夏休みを使って覚えました。) また何か質問がありましたらお気軽にどうぞ。 それでは!!

otoyanns
質問者

お礼

本当に、ありがとうございます♪(~o~) sinisaさんの言う通りにやってみたら、Internet Expolorer(html形式)で、ちゃんと表示確認出来ました。(大喜) あとは・・・ この完成したホムペを、前のホムペと差し替えたいのですが・・・。 やり方が解らないんです。。(滝汗) (前のホムペは、すでにネット上に掲載されています。) FFFTPを使って、サーバーにアップロードすれば良いのでしょうか?(^^; それと、もう1つお尋ねしたいのですが・・・(^^; sinisaさんのお陰で、『ウィンドウに羽を降らす』をJava Scriptで、乗せる事が出来ましたが・・・ それプラス・・・ 他のJava Scriptソース(文字にカーソルが触れると、文字が拡大する) などのJava Scriptソースを、一緒に書き加えて使う事も可能なのでしょうか? いくつもの質問、誠に申し訳御座いません。m(__)m

その他の回答 (5)

  • sinisa
  • ベストアンサー率41% (5/12)
回答No.6

どうも~。期待どうりのホムペができてよかったですね。 それで、ホムペの差し替えですが、そのままFTPソフトで古いファイルを削除するか、消したくなかったら別のフォルダにでも置いといたりします。次に、新しいhtmlファイル等を転送します。そのとき、だいたいのサーバーが初めに表示するホムペのファイル名を"index.html"にしていると思いますので、名前を変えて転送します。 もしも、今のホムペが"index.html"でなければ、新しいホムペをこのファイル名にしとけば大丈夫だと思います。(このへんは、だいたいのことしか分かりませんが) また、別のJava Scriptですが一緒に書き加えても基本的には大丈夫だと思いますが、たまにうまく作動しない場合もあるかもしれません。その辺は、対処はJava Scriptがすこし書けるぐらいでないと難しいです。 ホムペに関する情報源として、『とほほのWWW入門』が結構定番のサイトですよ。 他の自分の持っている知識としては、カウンタや掲示板などは自分で作るのは、Java Scriptよりも難しいと思うので(僕はCGIをまだ使ったことがないので・・・)、無料で貸し出し?ているところもたくさんありますよ。 かっこいいホムペでは、FlashやShockwave等の技術をつかってます。絵が変化する画像(アニメーションGIF)とか、音楽を流すなどもいいですよ。 こういったものには知識と技術が必要なので、なれてきたころに始めればいいと思います。 それではー!!

参考URL:
http://tohoho.wakusei.ne.jp/www.htm
otoyanns
質問者

お礼

本当に解り易く説明頂きありがとうございます。(大感激) sinisaさんのお陰で、Java Scriptの事も壁紙の事も大変良く理解する事が出来ました。(^^) あとは、sinisaさんから教えて頂いた『とほほのWWW入門』等、ホムペが勉強出来るサイトで、ホムペ勉強をして行きたいと思います。 本当に、ありがとうございました。m(__)m

noname#68284
noname#68284
回答No.4

デスクトップの壁紙にしたいのなら・・・ ソースの最後に</BODY>が抜けてますよ? ホームページの壁紙にしたいのなら、 <!--ここで終了--> のあとに本文を書き、最後に</BODY>でしめればいいですよね。 あと、image/i5.gifはダウンロードしました? これが無いと白い四角の中に赤い×の画像が降って来ますね。 このHTMLを保存するフォルダの中にimageというフォルダを作り、 その中にi5.gifを保存するのですよ。

otoyanns
質問者

お礼

アドバイスありがとう御座いました。m(__)m ennoさんが、おっしゃる通り</BODY>を付け加えた所、 ディスクトップ壁紙として表示されました。 しかし、表示されたのは「image/i5.gif」の拡大画像で、 この下記のJava Scriptのソースで作った壁紙画像(上から羽を降らし続ける)そのものを表示させる事は出来ないみたいでした。(^^; 下記の方のアドバイス通り、どうやらJava Scriptで編集さた「動く画像」その物は表示出来ないみたいですネ?(^^; (それとも、僕のやり方が間違ッてるかも?・汗) 僕の質問の説明不足で、どうもすいません。m(__)m

  • sinisa
  • ベストアンサー率41% (5/12)
回答No.3

どうやら壁紙とは、ホームページ用のことですね。デスクトップのと勘違いしてしまいました。m(_ _)m アニメーションGIFとは、連続したGIF画像を再生したものです。絵の違ったGIF画像をいくつか合わせ1つの画像ファイルとして、動いているように見せたものだと思います。(ぱらぱらアニメのようなものかな) GIFファイルとJava Scriptでかかれたものは、まったく異なる扱いなので、変換はできないと思います。それで、画像ファイルでないと右クリックででる『壁紙に設定』にできないので、Java Scriptについてはできません。 それで、素材屋さんに置いてある動く壁紙はアニメーションGIFであって、Java Scriptとは関係ないものだと思います。下記のJava Scriptでもホームページの壁紙みたいにして使えますよ(ただ、このままだとページに書いた文字の手前に画像が来てしまいますが・・・)。 よく分からないところがありましたら、作りたい壁紙の参考となるサイトのどんなものかを示してくれるとありがたいです。 それでは!! *(下の参考URLは僕が使わせていただいているアニメーションGIF作成のフリーウェアです。)

参考URL:
http://www.asahi-net.or.jp/~zb8n-httr/mysoft/gifanim.htm
otoyanns
質問者

お礼

sinisaさん、いろいろ詳しくご説明頂き、本当にありがとうございました。m(__)m 素材屋さんに置いてある「動く壁紙」はアニメーションGIFであって、Java Scriptとは関係ないものだったんですネ。(^^; 僕自身、自分のホムペに「ウィンドウの上から羽を降らす」と言うのをやりたくて、自分なりに勉強した所・・・ それをするには、Java Scriptを使うと言う事は解ったのですが、 それはHTML方式でしか表示出来ず(Internet Explorerで表示)、今僕が使っている 「HP作成ソフト(ホームページミックス)」ではGIF形式に変えないと壁紙として使用出来ないみたいなんです。 (このソフトは、タグを打ち込む方法では無く、GIFの画像や文字を貼り付けるだけでHPが作れると言うソフトで、初心者でもHPが作れると言うソフトです。) ですから、僕はてっきり素材屋さんの「動く壁紙」もJava Scriptで作って、GIF形式に変換してるものだと思い、下のソースをGIFに変換して壁紙として使えたら!ッて思ってました。(^^; やっぱり、Java Scriptを使ってHPを作ろうと思えば、 最初からタグなどを使って作るHPソフトでは無いと無理みたいですネ。(^^; いちを、参考にさせて貰った素材屋さんのアドを書せて頂くと http://www.momohouse.net/material.html です。 その所の、上のバーの「アイコン」て言う所をクリックして頂いて、その中の項目の「羽」と言う所を見て参考にさせて頂きました。 また、Java Scriptのソースの参考は http://homepage1.nifty.com/eruna/ です。 そこの左のバーに表示される「Java Script」と言う項目をクリックして頂いて、次に出た画面の左の欄の上から4番目(Backgrounds)を開けて頂いて、その中の「ウィンドウ全体に花を降らすN6X」に書いてあります。 アドバイスありがとございました。(^^) また、この件に関して何か他にアドバイス等が御座いましたら、教えて下さい。m(__)m

  • sinisa
  • ベストアンサー率41% (5/12)
回答No.2

私はwindows98ですが、「画面のプロパティ」の「背景」タブの壁紙の欄に「HTMLドキュメントまたは画像を選択してください。」となっているので、そのままHTMLファイルを壁紙にできると思います。 もしかしたらMeだと違うかもしれませんが、多分変わりないと思いますので、普通に壁紙を変える様にやってみてください。

otoyanns
質問者

お礼

ご返答ありがとうござました。m(__)m sinisaさんが、おっしゃる通りにやって 確かに『壁紙に設定』や『名前を付けて背景を保存』と言った項目はあったのですが、 そこがクリック出来ない状態(文字が黒く表示されていない)になって、変換する事ができませんでした。(^^; もしかすると・・・、今 僕が見ている画像の表示は、 下のソースをメモ帳に写し、それを「名前を付けて保存」で、画像名の後ろに「html」を入れ、Internet Explorerで確認表示してるだけだから、1度サーバーにアップロードしなければいけないのですかネ?(^^; すいません。。本当に初心者なもんで。。(汗)

noname#5824
noname#5824
回答No.1

JavaScriptではなくて、 アニメーションGIFの画像なのでは? それなら、そのまま保存すればいいのですが。

otoyanns
質問者

お礼

ご返答ありがとうございます。m(__)m その壁紙がアニメーションGIFかどうなのかは解らないのですが・・下記にかくソースをGIF方式に変える事は不可能なのでしょうか?(^^; <BODY> <!--ここから開始--> <SCRIPT LANGUAGE="JavaScript1.2"> <!-- /*by.lna-town*/ /*http://homepage1.nifty.com/eruna/*/ var no = 15; //ウィンドウに常にイメージの数は15ある。 var speed = 10; var hanaflake = "image/i5.gif";//降らせるgif var ns4up = (document.layers) ? 1 : 0; var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; var am, stx, sty; var i, doc_width = 800, doc_height = 1000; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; xp[i] = Math.random()*(doc_width-50); yp[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=\"" + hanaflake + "\" border=\"0\"></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"lna\"><img src=\"" + hanaflake + "\" border=\"0\"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src=\"" + hanaflake + "\" border=\"0\"></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src=\"" + hanaflake + "\" border=\"0\"></div>"); } } } function hanaNS() { for (i = 0; i < no; ++ i) { yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("hanaNS()", speed); } function hanaIE() { for (i = 0; i < no; ++ i) { yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("hanaIE()", speed); } if (ns4up) { hanaNS(); } else if (ie4up) { hanaIE(); } --> </script> <!--ここで終了--> です。よろしくお願いいたします。m(__)m

関連するQ&A

  • JavaとJavaスクリプトの違い

    JAVAの通信教育を受けるのですが、 JAVAとJAVAスクリプトは同じものだと思ってました。 画像や文字をスクロールさせたりするソースが、 JAVAだと思ってました。 JAVAとJAVAスクリプトの違い、JAVAとは何か分かり易く教えてください。

    • ベストアンサー
    • Java
  • このjavaスクリプトをjavaアプレットで表現するには

    http://bunjin.com/java/hanabi_samp.html http://bunjin.com/java/hanabi.html (ソース) この花火のjava scriptを、クリックしたところで表示されるようなjavaアプレットにしたいのですが、どう記述すれば良いのでしょうか? java scriptが読めないのでわかりません…。 どなたか分かる方お願いします。

  • JAVAスクリプト

    現在ホームページ作成中です。 そこでページ内の一部分がJAVAスクリプトで写真が自動で切り替わり 切り替わるときにフェードアウト、フェードインし、かつ、ループしないで、6枚の写真表示を した後、6枚目で写真が止まり、フェードアウトし写真表示部分が白一色になったときに 下の重なってるバックグラウンド画像が出てこないようにしたいです。 また、対応するのもIEだけでなくファイヤーフォックス等にも全て対応している JAVAスクリプトソースを教えてください。 面倒な質問ですが、お助けください。よろしくお願いします。

  • Javaスクリプトを外部ファイルにしたい。

    こんにちは。 ブログで、サイズ指定したサブウインドウを開くJavaスクリプトを、以前の記事に書いてたんですが何度かテンプレートを変えてるうちにHTMLに入れたJavaスクリプトがなくなってることに気づきました。 そこで、 1、スクリプトを外部ファイルに書くにはどうしたらいいのでしょうか?(タグ、拡張子等) 2、その際、リンクする側はどういったタグを書けばいいのでしょうか? 3、タブブラウズ?でもこれは使える技なのでしょうか? 一応HTMLの勉強は少しはしてます。たくさん出尽くしてる質問かもしれませんが、色々調べましたが思うように探し出せませんでした。 よろしくお願いいたします。

  • Java Scriptを有効にしても入れないHPがある

    こんにちは、よろしくお願い致します。 私は、ホームページ用の無料web素材作成&配布サイトを紹介しているサイトを運営しておるものです。 ある作品サイト様が、Java Scriptを有効にしても入れないのです。 最初の1秒ぐらいは最初のページが出るのですが、 すぐ、忍者TOOLS様の警告ページになります。 「Java Scriptを有効にして下さい」と出ます。 何回やっても入れそうにないのですが、 お世話になっているサイト様のメールがわからないので、報告しようにも出来ません。 で、まずは、自分からいろいろ対策をやりたいのですが、 手を尽くしたのですが、どうやっても同じページしか出てきません。 何か方法がありましたら、お教え頂きたいと思います。 よろしくお願い致します。

  • ジャバスクリプト機能の繰り返し表示の仕方を教えて!

    ジャバスクリプトについてはまったくの素人です。 ジャバスクリプトを使って ラジオボタンで表示する画像をかえる機能を下記サイトから見つけました。 http://www.sky.sannet.ne.jp/masapine/java_gazou.html この機能を添付ファイルのように、同一Webページ内で繰り返して表示し使いたく、プログラムのソースをHTMLのbodyの中に繰り返しコピペしてみたのですが、機能しなくなってしまいます。 同一Webページ内に当該スクリプト1つであれば機能するのですが、2つ以上になると、すべて機能しません。表示するのには方法があるのでしょうか?それともこのようなことは不可能なことなのでしょうか? どなたかこの疑問にお答え頂ければ幸いです。宜しくお願いします。

  • Java ScriptでHP作成

    こんにちわ。 今、ホームページビルダーでHPを作成中なのですが、もっと凝ったものを作りたくてJava Scriptに挑戦しています。 作ったファイルをMOに保存しているのですが、ごちゃごちゃして見にくくなるのが嫌で、gifやjpegの画像は「gif」フォルダを作成してそこに保存しています。(種類別にフォルダを作ってます) そこで質問なんですが・・・、 ビルダーの「かんたん」で作成する分には「gif」フォルダに保存していても画像を表示させる事ができます。でもJavaでやる時には、○○フォルダの中にある「gif」フォルダの△△.gifファイルという指定をしなければいけないので、その書き方が分からないのです。 試してはみたのですが、プレビューで表示させると駄目で・・・。 /や¥の記号などを入れないとだめなのでしょうか?入れるとしても何処にいれればいいか分かりません。 説明が下手で分かりにくいかもしれませんが、どなたか分かる方いましたら教えてください!よろしくお願いします。

  • JAVAで作るプログラムとは

    HPに使うJAVAスクリプトの勉強をしたく、JAVAとスクリプトは違う事を知らずにJAVAの通信教育を申し込んでしまいました。 JAVAはサーバー側のプログラミング言語で、 スクリプトはクライアント側のスクリプト言語でブラウザ上で動作する。 申し込んだものは仕方ないので頑張ってJAVAを理解したいと思うのですが、 ネット上のJAVA講座を見ると最初にJAVAをインストールするとあります。 これはJAVAを作成するソフトのようなものですか? JAVAで作るプログラムとはOSのようなものですか? JAVAでプログラムを作ってHPの更新やスクリプトが作成できるのですか? そもそもJAVAで作るプログラムとはどのように利用するのか、 プログラムの意味がよく分かりません。 JAVAとスクリプトの違いはもう良いのでプログラムについて 分かりやすく教えてください。

    • ベストアンサー
    • Java
  • 美人時計風JAVAスクリプトが上手く表示されない

    http://d.hatena.ne.jp/aomegane1985/20101223/1293084398 こちらのサイトで美人時計風JAVAスクリプトのソースがあったのでサイトに入れてみたのですが、画像が表示されません。 ■以下のディレクトリ構成で動きますー。 index.html sample.jpg img/ L HHMM.jpg と書いてあったので、index.htmlにソースを入れて、 sample.jpgと(L HHMM.jpg)時間ごとの画像をimgフォルダに入れてみたのですが、表示されません。 私は、初心者でJAVAスクリプトのことがよく分かりません。 サイトやブログに表示させることはどのようにしたらよいのでしょうか? お分かりになる方はお教え願えますでしょうか? よろしくお願いいたします。

  • .javaが開けない

    javaでソースコードを打ち込む練習をしたいです。 (Java・JDKは入手済み) その際、.javaの拡張子を使ったファイルを開くことができません。 .javaのファイルを開こうとすると、  このファイルを開けません  このファイルを開くには、そのためのプログラムが必要です。インターネットで自動的 にプログラムを検索するか、またはコンピューターにインストールされたプログラムの 一覧から手動で選択してください。 と表示されます。どのプログラムをダウンロードすればいいのでしょうか?

    • ベストアンサー
    • Java