初めまして。Htmlの知識は、まだ基礎のみはわかる初心者のサイト運営者です。自作のgifアイコン素材・雪や葉を、降らせる演出をしたいと思っております。
イメージはこちらのサイトのような感じです。http://www.altan.hr/snow/
雪や葉のgifアイコンを、jsで保存しようとしたのですが、方法がわからず、Corel Paint Shop Pro Photo XI にて、とりあえずjsの形式で保存しました。
ftpでアップロードしましたら、うまく表示されていません。(サーバーはfc2です)
アップロードは、jsのファイルを作って、そちらにアップロードしてみたのですが、うまく表示されません。
もし、うまくできたら、indexや、サイトの中の色んなところに、演出できたらなと思っております。
http://kirigirisunotetyo.web.fc2.com/right.html(こちらに降らせようと、タグを打ってみました。ソースのタグに問題があれば教えて下さい)
http://kirigirisunotetyo.web.fc2.com/index.html(こちらにはタグはうっていませんが、こちらにも演出したいと思っています)
質問内容が、足りなかったら、申し訳ありません。既出の質問でしたら、すみません。他の方の質問も拝見したのですが、わからなかったので、初心者向きで教えて下さい。よろしくお願いします。
No.1
- 回答日時:
みたら、gifの拡張子がjsになってました。
gifはgifでjsはjsで保存してください。
http://fc2hpmanual.blog95.fc2.com/blog-entry-40. …
jsはJavaScriptとゆう命令がかかれたファイルです。
Gifは画像のファイルです。
jsで表示の仕方などを指定してgifなどの画像を読み込むわけです。
なので、絵(gif)を命令(js)であるとされても意味がわからず表示できないのだと思います。
この回答への補足
質問者です。早々と回答ありがとうございます><
画像のアップロードはgifでもしてあります。
タグを変えればよいのでしょうか?
具体的に、タグを変えるところがあれば、お教え願えないしょうか。
どうぞよろしくお願いします。><
ご回答、ありがとうございました!<m(__)m>
表示もできました!
おっしゃってた意味もわかりました!
本当にありがとうございました!<m(__)m>
No.2ベストアンサー
- 回答日時:
>雪や葉のgifアイコンを、jsで保存しようとした
雪を降らせたいなら雪のgifを「gifで」保存しないとダメですよ。
それから肝心の、雪を降らせるスクリプトのソースがbodyの中に書かれてないようですが?
>イメージはこちらのサイトのような感じ
として貼られたURLのページにあるScript配布先を見ると説明があります(英語ですが)。
http://www.dynamicdrive.com/dynamicindex3/snow.htm
スクリプトのソースをコピーして、降らせたいページのbodyの中に入れなさいとあります。
日本語でわかりやすいページはこちら↓
http://blogs.dion.ne.jp/amenohi/archives/2292057 …
要は、降らせたい画像ファイルを保存。
スクリプトのソースをコピーして降らせる量やタイミングなど調整して、降らせたいページのソース内に貼り付ける。
という手順です。
ありがとうございました!!
きちんと表示する事ができました!
本当に、ありがとうございます<m(__)m>
また機会があれば、どうぞ、よろしくお願いいたします<m(__)m>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- ホームページ作成・プログラミング Adobe DreamweaverでのサイトのFTP 2 2023/03/05 11:55
- その他(IT・Webサービス) 301リダイレクトの使い方について 7 2022/04/05 17:50
- サーバー 別サーバに構築したApache+Tomcatの連携について 2 2023/03/06 23:23
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- YouTube ユーチューブへの動画投稿にサムネイルを付ける方法は? 1 2022/07/21 23:45
- ドメイン・サーバー・クラウドサービス 自作サイトをサーバーにアップロードしたのですが… 2 2022/11/08 18:12
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
別ファイルのfunctionの読み込み方
-
cssにjavascriptを入れる?呼び...
-
javascriptで別ファイルから変...
-
レンタルサーバーでjavascript...
-
メールフォーム、受信メールの...
-
Dreamweaver で 外部JSを読み込...
-
外部ファイル(js)の呼び出し方...
-
外部読み込みで動かないときの...
-
JavascriptとJqueryを混在し記述
-
IE8で外部jsファイルが読み込め...
-
外部ファイルJS参照を全て消さ...
-
ひとつの外部ファイルに複数の...
-
JavaScriptの外部ファイル読み込み
-
JavaScriptのエラー ( 関数の...
-
ホームディレクトリを示すチル...
-
外部ファイルでBODYのonloadイ...
-
<a href="#" …>の意味を教えて...
-
JavaScriptからVBScriptの呼び...
-
<script>...</script> 要素の内
-
GIFアニメの動きが止まってしま...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
別ファイルのfunctionの読み込み方
-
cssにjavascriptを入れる?呼び...
-
javascriptファイルは1つに統...
-
複数のJavascriptを1つのscrip...
-
Dreamweaver で 外部JSを読み込...
-
javascriptとApacheの設定
-
JavaScriptのエラー ( 関数の...
-
JavascriptとJqueryを混在し記述
-
ひとつの外部ファイルに複数の...
-
プルダウンメニューを別ファイ...
-
【Google Apps Script】「ライ...
-
外部ファイルを読み込ませるた...
-
JavaScriptで他のファイルのhtm...
-
ホームディレクトリを示すチル...
-
javascriptのalertで文字化けが...
-
外部読み込みで動かないときの...
-
条件分岐で、読み込む外部スク...
-
呼出したjsファイル内で他jsフ...
-
メールフォーム、受信メールの...
-
<script src="">読み込まない
おすすめ情報