七変化 [So-net blog]
【クリックで画像変化】
これは
<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'
;}">
とまあ,こんな感じです。同様に八変化,九変化もできるはずです。
これは,時間かかりました。また,朝だ・・・
これは
<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'
;}">
とまあ,こんな感じです。同様に八変化,九変化もできるはずです。
これは,時間かかりました。また,朝だ・・・
タグ:七変化
(-_-)じゃなくてビンゴちゃんでお願いしたかったなぁ
「大和~撫子・・・♪」( ̄ー ̄)ふっ
by nano (2008-11-15 06:06)
おはようございます^^
おっこれ面白い♪
クリックだけなので見る人にやさしいですw
by デルフィー (2008-11-15 08:32)
また寝不足になっていますね!
土曜日はお休みじゃないですよね?職業柄・・・。
今夜は早く寝てくださいね!(*^-^)
by Yuki (2008-11-15 08:50)
おはようございます♪
毎回勉強になります!
☆
by にゃんたま (2008-11-15 08:52)
日の出前にこれができるのはすごいです^^;
☆
by sasapand (2008-11-15 09:12)
お疲れ様です^^;
・・・なるほど。
以前、C言語が使えると、他にも応用が利く、と言われた意味がわかりました(^^;
笑いの使者さん、やはりすごいです★
by Luna (2008-11-15 11:00)
C言語が使えても応用が効きません。^^;
☆
by goro2001 (2008-11-15 12:00)
急ぎ応援のみに参りました
ごめんなさい
☆
by grace (2008-11-15 15:07)
巡回ありがとうございました!
☆
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)
今度やってみよう。
by R-Month (2008-11-15 21:54)
これはまた凄いものを作り上げましたなあ
うーん、その才能と努力、凄いです!
PS 今日も応援クリックさせていただきます!
by yamagatn (2008-11-15 21:57)
こんばんは。
555nice!ありがとうございました!
これからもよろしくお願いします。
お礼に応援凸の乱れ押し♪(^-^)
by チロ (2008-11-15 22:09)
Javascript、最近やってないから
忘れてしまったかもしれないです・・・。
復習のために、自分もブログに組み込んでみようかな・・・。
by nishiken (2008-11-16 01:23)
更新が遅いと思ってたら、
こういうことですか。
これなら、画像の質が落ちることは無いですね。
果たして、今はどんな記事を書いているのだろう?
by yuki999 (2008-11-16 02:56)
いやぁ凄いですね。
私は応用どころか基本もまだまだですw
by bigbang (2008-11-16 02:57)
これは便利ですね。
参考にさせてもらいます。
by 891 (2008-12-10 20:43)