五変化

【画像変化応用編】



これは
<img src="/_images/blog/_563/warainosisya/pkao.jpg"
width="45"
 height="37" border="0"
alt="pkao.jpg"
 onclick="this.src='/_images/blog/_563/warainosisya/p1.jpg'";
 ondblclick="this.src='/_images/blog/_563/warainosisya/p5.jpg'";
 onmouseover="this.src='/_images/blog/_563/warainosisya/p10.jpg'";
 onmouseout="this.src='/_images/blog/_563/warainosisya/p50.jpg'";
>
というタグで実現しています。
onclickはシングルクリック，ondblclickはダブルクリック，
onmouseoverはオンマウスオーバー，onmouseoutはオンマウスアウトです。

<img src="元画像"
width="幅"
 height="高さ" border="0"
alt="代替ファイル名"
 onclick="this.src='シングルクリック'";
 ondblclick="this.src='ダブルクリック'";
 onmouseover="this.src='オンマウスオーバー'";
 onmouseout="this.src='オンマウスアウト'";
>

タグをコピーして，ファイルを置き換えてください。
もちろん全部使う必要はありません・・・
最初はクリックで七変化を用意したのですが，
いくら頑張ってもブログの記事では変化してくれなかった・・・
なぜだ？？？

タグ：五変化

コメント 28

グラフィックを置くのも面倒なので使わないと思います。^^;
☆
by goro2001 (2008-11-10 05:57) 

次は消え・・・ﾍ(｡｡ﾍ)☆ﾊﾟｼｯヽ(^^;) ・・てどうするねんｗ
って、現れる方でも活用は出来そうですけどね？
・・・・しまった～確実に5000nice!が踏めない　orz
by nano (2008-11-10 06:14) 

nanoさんのコメ見て、ギリギリのところでniceを踏みとどまりました。
もう少ししたらまた来よっと♪

皆同じこと考えて、今日はniceの数が伸び悩むかも～(笑)

by Silvia (2008-11-10 07:19) 

おはようございます＾＾
これを使う場合、説明を付けておかないとですね。
・・・キリ番狙いたいけど、たぶん気付いたら過ぎてそうなので、ポチッて行きます(*＞＿⊂)
☆
by デルフィー (2008-11-10 07:26) 

これはますます使い道が微妙ですね。
1200nice!のキリ番カード、猫でいいですよね。
今日の夜にメインブログの一番下に載せておきますね。
by yuki999 (2008-11-10 07:58) 

５０００かな？？(^^ゞ
by デルフィニウム (2008-11-10 08:00) 

(T_T)
by Silvia (2008-11-10 08:04) 

あ～間に合わなかったｗ
by にゃんたま (2008-11-10 08:06) 

あははー笑いの使者さん爆睡中に
5000nice!突破おめでと～♪
さて、急がねば・・・・。。へ(；^^)ノ すたこらさっさ
by nano (2008-11-10 08:13) 

おはようございます。
5000nice!おめでとうございます。

げん鉄残念でしたね。
私もカードマスに止まらなければダメでしたよ。
by vin (2008-11-10 08:16) 

5000nice!おめでとうございます。
一連のプログラム言語のところ拝見しました。JAVAというんでしたっけ？少し理解しました！
ぜひ、次回GIFのアニメーションを教えてください。アニメの速度をどうコントロールするのか？さっぱりでした(T_T)
by GT-FOUR (2008-11-10 08:49) 

5000nice!おめでとうございます!!
どこで使うかでまよう・・・＾＾；
☆

by sasapand (2008-11-10 09:41) 

5000nice！おめでとうございます。
実は今日やっとロールオーバーに挑戦しました。
わからんなりに出来たことに感激です。
わかりやすい説明ありがとうございます。
ウチの記事からこちらの「三変化」の記事にリンク貼らせてもらっても良いですか？
by junmaru (2008-11-10 11:36) 

うーん　これは凄いですが
活用してもあまり読者が気づいてくれない
もしくは混乱させてしまいそうな予感・・・・
でもこのようなことが出来ること自体は凄い
なあと感心してしまいますのだ＾＾

ＰＳ　イクラの自家製　無理とはいわずに頑張って
みてはいかがでしょうか？
５変化よりもずっと簡単だと思いますよ＾＾
いつもご声援ありがとうございます！
私もいつも同じ気持ちですのでどうかヨロシコっす＾＾
広告も応援させて頂いちゃいます＾＾
by yamagatn (2008-11-10 12:52) 

いつも難しい事を解りやすく説明して下さってありがとう！
クジいただいていきます。
by ぺんぎん (2008-11-10 14:38) 

くじいただきました。☆
アルファベットの羅列をみると、苦手な勉強を思い出します。
理解できれば楽しいのですが、
取りかかるまでに時間を要します。^^
でもわかりやすく説明してくださってるので
いつかトライしてみたいです♪
by がり (2008-11-10 15:09) 

5000niceおめでとうございますー。
今度やってみたいと思いつつ、いつも忘れてしまいます。
by こぱんだつま (2008-11-10 16:33) 

5000nice!突破おめでとうございます♪
む、難しい・・・皆さま理解されているの素晴らしいですね！！
☆
by pearl (2008-11-10 16:57) 

お寄りいただき、ナイス、コメントありがとうございます。
by mwainfo (2008-11-10 18:09) 

５０００nice!おめでとうございます。。niceの数が還元に入ればもっと嬉しいですね＾＾
by エリザベート (2008-11-10 18:16) 

5000nice!おめでとうございます♪
ロールオーバー挑戦してみたい
気はあるんですが…。＾＾；
by チロ (2008-11-10 20:34) 

勉強になりました。
by thaler (2008-11-10 21:23) 

500000niceおめでとうございます（←ちょっと違う）
いつも色々勉強させてもらってます。φ(..)メモメモ
その割には自分のブログに役立ってませんが（笑）
by R-Month (2008-11-10 21:26) 

勉強になります～。(^-^)
何時か使ってみたいです！
by yuya (2008-11-10 22:51) 

キリ番カード載せました。
もし良ければ取りに来てくださいませ。
by yuki999 (2008-11-10 23:05) 

わわわ！どうなってるんだ～！
不思議・・・（-ω-）
先日三変化をされているのを某ブログでお見かけしました（＾＾）
by hana* (2008-11-10 23:18) 

面白そう(^^)今度「５変化」にも挑戦してみまーす☆
(いつも許可なく勝手に記事リンク貼ってしまってました…
スミマセンっm(__)m大丈夫かな?)
by felix__U^ェ^Uわん (2008-11-11 17:44) 

これも、そのうちチャレンジします？
by りりー (2008-11-12 00:30)