on良かったらフォローお願いします。】JavaScriptで雪を降らせる「Snowstorm」をクリスマスシーズンなので、ブログやサイトに雪を降らせるSNOWSTORMを設置してみたで、また、Jqueryプラグインで雪やら色々降らせる「Snowfall」をブログやサイトに雪やら色々降らせるJQUERYプラグイン「Snowfall」の設置で、紹介した。3D」を、実際に設置してみたので、説明する。3D」のホームページ。3DのGitHubのページからダウンロードする。必要ファイルは以下の3つ。jsフォルダ中:Snow.js/ThreeCanvas.jsimgフォルダ中:ParticleSmoke.pngダウンロードはそれぞれのファイルをクリックして表示されたものを全て選択して、名前を付けて保存する。念のため、2013年12月24日現在のファイルをこちらにおいて置く。Snow.jsThreeCanvas.jsParticleSmoke.pngなお、画像については、上記画像は使用せずに、前回同様、ぷらすぶろぐさんの今年は迫力の3Dでワードプレスに雪を降らすの記事から拝借した。拝借した画像はこちら:←こちらです!サーバーへのアップロード上記2つのjsファイルと好きなほうの画像をサーバーにアップロードする。ライブドアブログでのアップロード方法は、当ブログのサイト作成>ライブドアブログの記事の中にJqueryプラグインファイルや画像ファイルのアップロードについて説明があるので参考にして欲しい。設置方法-ヘッダー部分への記載JSファイルの呼び出しのための記載ヘッダー部分(<head>~</head>の間)に以下のように記載する。3D用cssとして以下のように記載する。3D用セッティングとして以下のように記載する。画像のアップロード先は、自分のアップロード先URLに変更すること。それ以外は、基本コピペで大丈夫。-->注意事項これで、雪が降っている。ページ上でクリックすると雪を止めることができる。ぷらすぶろぐさんの今年は迫力の3Dでワードプレスに雪を降らすで言及されているが、canvasを画面いっぱい被せているため当初は、リンク等のクリックが効かないとの事。そのため画面内でクリックがいったん発生するとcanvasと共に雪は消える。特定のカテゴリーや投稿記事に特定(複数)のheader.phpを割り当てる方法を参考にして欲しい。JSで詳細な利用方法が解説されている。その他にWordPress:ページや記事ごとに個別のCSSやJavaScriptを追加する方法でも方法が説明されている。デモ現在、お正月も過ぎて雪を降らせていないので、こちらにデモを置いておく。以上スポンサーリンクレクタングル(大)広告もし良ければお願いします。良かったらフォローお願いします。PhotoFuniaブログのアイキャッチ画像に困ったときなどに無料で簡単に素敵な合成写真をオンラインで作成できるサイトを紹介する。紹介するのは、PhotoF...記事を読む「相対パス」もう間違わない!今まで相対パスで記載しなければいけない状況になるたびに、相対パスについて説明しているサイトを見直してはチェックしていた。相互RSSを利用したヘッドラインを設置しているブログを数多く見つけることができる。Counterを設置してみたTumblrのカスタマイズも過去記事、Tumblrをカスタマイズしたのでまとめておく(備忘録とカスタマイズ説明サイト紹介)で紹介しているとお...記事を読む画像をクルクル回転させたり、傾けたりできるJqueryプラグインjqueryrotateの設置マウス(カーソル)が乗っかるとクルっと回転したりするアイコンを見かける。コメントをキャンセルメールアドレスが公開されることはありません。*サイト人気の記事まだデータがありません。Widget人気の記事まだデータがありません。Profileメインブログでは、WordPressやTwitterその他好きなことを記事にしています。そのほか2ちゃんまとめサイトやubuntuなどのブログもぽちぽちやってます。JUMP-UP.INFO。