SSブログ

七変化 [So-net blog]

【クリックで画像変化】


pkao.jpg

これは

<script Language="JavaScript">
<!--
var n=0;
// -->
</script>
<img
src="/_images/blog/_563/warainosisya/pkao.jpg" width="45"
 height="37"
border="0" alt="pkao.jpg"
 onclick="n++;if(n>6)
n=0;
if(n==0){this.src='/_images/blog/_563/warainosisya/pkao.jpg';
}else
if(n==1){this.src='/_images/blog/_563/warainosisya/p1.jpg';
}else
if(n==2){this.src='/_images/blog/_563/warainosisya/p5.jpg';
}else
if(n==3){this.src='/_images/blog/_563/warainosisya/p10.jpg';
}else
if(n==4){this.src='/_images/blog/_563/warainosisya/p50.jpg';
}else
if(n==5){this.src='/_images/blog/_563/warainosisya/p100.jpg';
}else
if(n==6){this.src='/_images/blog/_563/warainosisya/p500.jpg'
;}">

というタグで実現しています。ブログでJavaScript使うのは困難だ・・・
使い方ですが

<script Language="JavaScript">
<!--
var n=0;
// -->
</script>
<img
src="最初に表示するファイル" width=""
 height="高さ"
border="0" alt="代替ファイル名"
 onclick="n++;if(n>変化させるファイル数)
n=0;
if(n==0){this.src='最初のファイル';
}else
if(n==1){this.src='変化その1';
}else
if(n==2){this.src='変化その2';
}else
if(n==3){this.src='変化その3';
}else
if(n==4){this.src='変化その4';
}else
if(n==5){this.src='変化その5';
}else
if(n==6){this.src='変化その6'
;}">

とまあ,こんな感じです。同様に八変化,九変化もできるはずです。
これは,時間かかりました。また,朝だ・・・
タグ:七変化
nice!(30)  コメント(19)  トラックバック(0) 
共通テーマ:パソコン・インターネット

nice! 30

コメント 19

nano

(-_-)じゃなくてビンゴちゃんでお願いしたかったなぁ
「大和~撫子・・・♪」( ̄ー ̄)ふっ
by nano (2008-11-15 06:06) 

デルフィー

おはようございます^^
おっこれ面白い♪
クリックだけなので見る人にやさしいですw
by デルフィー (2008-11-15 08:32) 

Yuki

また寝不足になっていますね!
土曜日はお休みじゃないですよね?職業柄・・・。
今夜は早く寝てくださいね!(*^-^)
by Yuki (2008-11-15 08:50) 

にゃんたま

おはようございます♪
毎回勉強になります!

by にゃんたま (2008-11-15 08:52) 

sasapand

日の出前にこれができるのはすごいです^^;

by sasapand (2008-11-15 09:12) 

Luna

お疲れ様です^^;

・・・なるほど。
以前、C言語が使えると、他にも応用が利く、と言われた意味がわかりました(^^;
笑いの使者さん、やはりすごいです★
by Luna (2008-11-15 11:00) 

goro2001

C言語が使えても応用が効きません。^^;

by goro2001 (2008-11-15 12:00) 

grace

急ぎ応援のみに参りました
ごめんなさい

by grace (2008-11-15 15:07) 

grace

巡回ありがとうございました!

by grace (2008-11-15 15:21) 

ライエル

おおっ!
流石は先生!
分かりやすいです♪
しかし、この画像は・・・(笑)
ニコニコマークではないのがポイント!
では、応援っ(^▽^)/
☆彡☆彡
by ライエル (2008-11-15 16:58) 

デルフィニウム

うー 先生 済みません
過去投稿失敗しました。
あの記事を 隣に置きながらやって
失敗しました。
こーいう生徒でもよろしいでしょうか?

by デルフィニウム (2008-11-15 18:15) 

がり

いつも興味深い方法(?)を伝授いだたき、
゚・:,。★\(^-^ )♪ありがとうございます♪
私も今朝は5時に寝ました。
お互いカラダに気をつけましょう。(笑)


by がり (2008-11-15 20:56) 

R-Month

今度やってみよう。
by R-Month (2008-11-15 21:54) 

yamagatn

これはまた凄いものを作り上げましたなあ
うーん、その才能と努力、凄いです!

PS 今日も応援クリックさせていただきます!
by yamagatn (2008-11-15 21:57) 

チロ

こんばんは。
555nice!ありがとうございました!
これからもよろしくお願いします。

お礼に応援凸の乱れ押し♪(^-^)

by チロ (2008-11-15 22:09) 

nishiken

Javascript、最近やってないから
忘れてしまったかもしれないです・・・。
復習のために、自分もブログに組み込んでみようかな・・・。
by nishiken (2008-11-16 01:23) 

yuki999

更新が遅いと思ってたら、
こういうことですか。
これなら、画像の質が落ちることは無いですね。
果たして、今はどんな記事を書いているのだろう?
by yuki999 (2008-11-16 02:56) 

bigbang

いやぁ凄いですね。
私は応用どころか基本もまだまだですw
by bigbang (2008-11-16 02:57) 

891

これは便利ですね。
参考にさせてもらいます。
by 891 (2008-12-10 20:43) 

コメントを書く

お名前:[必須]
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

トラックバック 0

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。