5分パソコンでいろんなサイトやブログを見ていると、マウスを動かしたときに「サッ」と画像が変わるバナーを見かけたりすることってありますよね。「何!これ!!やりたいっっ!!!!(゚▽゚*)!!」そう思って早速ググってみたんですが、CSSで作るやり方とかHTMLを使って...とか、私の超苦手なアルファベットが出てきてしまって「もっと簡単に作る方法はないのかー(T_T)!?」ととっても困ってしまいました。画像URLを確認する方法マウスがのらなくても勝手に動く画像の作り方マウスホバーすると動く画像の作り方まとめコピペで超簡単!マウスがのると動く画像を作る方法ではでは早速コピペでできる動く画像の作り方をご紹介しますね。onMouseOut=this.src='■マウスをのせたあとの画像URL■'></a>WordPressのテキストモードに貼り付けるだけ^^図解。私だったらこうなります。「ctrl+A」で全部の文字を選択、「ctrl+C」で文字をコピー、「ctrl+V」で貼り付けです。簡単でーす♪ここでちょっと注意です。使いたい画像は一旦ワードプレスのメディアの中にアップロードしてから使いましょー。外部のサイトにある画像のURLだけ抜き出してでも作れることは作れるのですが、外部の画像を読み込んで自分のサイトで表示させる、という方法を使うとサーバーに負荷がかかりやすくなってしまうそうです(T_T)サーバー負荷がかかるとサイトの表示速度が遅くなったり、外部の画像が削除されてしまったときに自分のサイトの画像が消えてしまうので注意しましょうね。画像URLを確認する方法ちなみに貼り付けたい画像のURLはこういうふうにして確認します。ワードプレスの左サイドバーの「メディア」→「ライブラリ」をクリックし、URLを知りたい画像をクリック。添付ファイルの詳細画面の左にある「URL」をコピペする。今度はこういう勝手に動く画像の作り方です^^↓こちらはフリーソフト(無料ソフト)のGIFアニメ機能を使います。↓ワードプレスで画像が動く!フリーソフトを使った簡単な作り方ちなみに画像加工のフリーソフトは色々あるんですが、私が使っているフリーソフトはPhotoscape(フォトスケープ)というフリーソフトです。動くギフ画像を作ったり、モザイクや文字入れ、枠つけ、スタンプ、トリミングなどの単体の画像の加工はもちろん、一括で複数の画像を加工することもできるのでとっても便利ですよ。マウスホバーすると動く画像の作り方まとめ今回はマウスホバーすると画像が変わるやり方について図解でお伝えしましたー。※マウスホバーとは、画像やリンクにマウスをのせる(重ねる)ことです。3分WordPressのパスワードを変更する方法。7分マルウェアスキャナーの導入と設定方法。ブログランキングからきました。コピペでできる動く画像の作り方解りやすくて参考になります。情報ありがとうございます。AMゆきぴさん♪コメントありがとうございます!嬉しいです^^かわいいし、目立つのでブログがレベルアップしますよね。ランキングから来ました。いうのって、癒されますね。クリックしたくなります。PMこんばんは、ブログランキングから来ました。動くキャラ可愛いですね。やってみようと思います。応援ポチッと押しました。検索:このブログを書いてる人こんにちはー!由美(ゆみ)です。7歳の息子と2歳の娘がいる30代の主婦です。長男が生後6ヶ月の時に自宅でパソコン1台でできる「googleアドセンス」を開始。