※本ブログはアフィリエイト広告を利用しています。 ---------------------------------------
パソコンでいろんなサイトやブログを見ていると、マウスを動かしたときに「サッ」と画像が変わるバナーを見かけたりすることってありますよね。
こんなやつ。（マウスを当ててみてください^^）
↓
「何！これ！！やりたいっっ！！！！(ﾟ▽ﾟ*)！！」
そう思って早速ググってみたんですが、CSSで作るやり方とかHTMLを使って…とか、私の超苦手なアルファベットが出てきてしまって
「もっと簡単に作る方法はないのかー(T_T)！？」
ととっても困ってしまいました。
いろいろ調べてみた結果「そうそう、私が探してたのはコレだよ、コレ！」と超簡単なマウスが乗ると動く画像の作り方を発見することができたので、ココに記しておきます（自分への備忘録(￣ー￣)フフ）
※ちなみにマウスがのらなくても勝手に動く画像の作り方もありますよん♪
ではでは早速コピペでできる動く画像の作り方をご紹介しますね。
以下のコードをコピペして、
↓↓↓
<a href="■リンク先のURL■" target="_blank">
<img src='■マウスを乗せる前の画像URL■' onMouseOver=this.src='■マウスをのせているときの画像URL■' onMouseOut=this.src='■マウスをのせたあとの画像URL■'></a>
WordPressのテキストモードに貼り付けるだけ^^
図解。
↓
私だったらこうなります。
ちなみにコピペはショートカットキーを使うと簡単♪
「ctrl+A」で全部の文字を選択、「ctrl+C」で文字をコピー、「ctrl+V」で貼り付けです。
めちゃくちゃ簡単でーす♪
外部のサイトにある画像のURLだけ抜き出してでも作れることは作れるのですが、外部の画像を読み込んで自分のサイトで表示させる、という方法を使うとサーバーに負荷がかかりやすくなってしまうそうです(T_T)
サーバー負荷がかかるとサイトの表示速度が遅くなったり、外部の画像が削除されてしまったときに自分のサイトの画像が消えてしまうので注意しましょうね。
ちなみに貼り付けたい画像のURLはこういうふうにして確認します。
まずワードプレスの左サイドバーの「メディア」→「ライブラリ」をクリックし、URLを知りたい画像をクリック。
↓
添付ファイルの詳細画面の左にある「URL」をコピペする。
↓
こっちも簡単です^^
今度はこういう勝手に動く画像の作り方です^^
↓
こちらはフリーソフト（無料ソフト）のGIFアニメ機能を使います。
「ソフト」と聞くと「なんか難しいんじゃ…」と思われる（私のような）方もいらっしゃるかもしれないのですが、これももうめちゃくちゃ簡単です^^
やり方は図解で詳しく紹介しているので、よろしければどうぞー♪
↓
ちなみに画像加工のフリーソフトは色々あるんですが、私が使っているフリーソフトはPhotoscape（フォトスケープ）というフリーソフトです。
動くギフ画像を作ったり、モザイクや文字入れ、枠つけ、スタンプ、トリミングなどの単体の画像の加工はもちろん、一括で複数の画像を加工することもできるのでとっても便利ですよ。
今回はマウスホバーすると画像が変わるやり方について図解でお伝えしましたー。
※マウスホバーとは、画像やリンクにマウスをのせる（重ねる）ことです。
こういう画像がサイト内にあるとちょっと他と差をつけられますよね^^
楽しいブログライフを♪
「へぇー！」っと思っていただけたらクリックしていただけるととっても嬉しいです＼(^o^)／
※このネコちゃん触ると良いことあるかも…♪
↓
読了時間：約 10分
読了時間：約 8分
読了時間：約 10分
読了時間：約 3分
こんにちはー！由美（ゆみ）です。
8歳の息子と3歳の娘がいる３０代の主婦です。
長男が生後６ヶ月の時に自宅でパソコン１台でできる「googleアドセンス」を開始。
1日2時間以上寝てくれない息子を育てながら４ヶ月で月収10万円達成！
今はほぼブログ放置でも毎月継続して報酬をいただきながら生活しています(*´ω`*)
ママでもブログで稼ぐ方法をメルマガで公開中♪
＞＞由美の詳しいプロフィール♪
【アドセンス実績】
2015年9月 350円（初月）
2015年12月 95,000円（4ヶ月目）
2016年12月 296,000円
2017年12月 325,000円
…to be continued…
【メルマガ実績】
2019年1月 累計45万円（メルマガ開始から１ヶ月半）
2019年3月 月収120万円達成♪（4ヶ月目）
2019年7月 つわり＆寝たきり＆入院中でも140万円達成♪
2020年5月 最高月収186万5,240円達成♪
…to be continued…
＞＞【アドセンスメルマガ配信中♪】プレゼントレポート付きお試し購読はこちら♪
【ツイッターやってます♪】
Follow @yumimama812
初心者ブログでも上位表示できちゃう簡単な穴場キーワードの見つけ方を解説しています♪
『【アドセンスの必須スキル】初心者ブログでもアクセスがなだれのように押し寄せる！ライバル不在の穴場キーワードをたった10秒で見つけ出し、記事をバンバン上位表示させる方法』
ランキング何位かな？
↓↓↓
皆様のおかげでランキング１位を獲得することができましたー！！
ありがとうございます(;_;)(;_;)
こんばんは。
ブログランキングからきました。
コピペでできる動く画像の作り方解りやすくて
参考になります。
情報ありがとうございます。
ゆきぴさん♪
コメントありがとうございます！
嬉しいです＾＾
かわいいし、目立つのでブログがレベルアップしますよね。
こんばんは。ランキングから来ました。
こういうのって、癒されますね。
ついついクリックしたくなります。
ポチっとしていきますね。
NABYさん
コメントありがとうございます^^
そうなんですよー
可愛いですよね（自分で言うのもなんですがｗ）
こんばんは、ブログランキングから来ました。
動くキャラ可愛いですね。
やってみようと思います。
応援ポチッと押しました。
yukkoさん
コメントありがとうございます！
可愛くできるとこちらもテンション上がります（笑）
応援返し行きますねー！