★゜・。。・゜゜・。。・゜☆ 2011年01月25日 ☆゜・。。・゜゜・。。・゜★
JavaScript で写真をパラパラまんが風に
以前も書いたことあるかもしれませんが、仕事でまた Web 関係の業務が入ったので、復習を。
JavaScript を利用し、クリックしたら画像が変わるスクリプトを作ってみました。
以前、EOS Kiss X4で撮った連射写真です。
画質を劣化させたら古風な感じが出て良いかも？
ブラウザの設定で、JavaScript を有効にして、クリックしてみてください。
なお、こちらのサイトを参考にさせてもらいました。
↓
画像がクリックされたら画像を入れ替える – JavaScript
コード
JavaScript を利用し、クリックしたら画像が変わるスクリプトを作ってみました。
以前、EOS Kiss X4で撮った連射写真です。
画質を劣化させたら古風な感じが出て良いかも？
ブラウザの設定で、JavaScript を有効にして、クリックしてみてください。
↓
なお、こちらのサイトを参考にさせてもらいました。
↓
画像がクリックされたら画像を入れ替える – JavaScript
コード
<script language="javascript">
<!--
pic = new Array(9);
pic[0]="http://static.pixelpipe.com/3e7f6267-725c-4428-9543-ac1e7b0a898c_b.jpg";
pic[1]="http://static.pixelpipe.com/64fc2419-932f-4be0-ac88-d52d6eda5eb9_b.jpg";
pic[2]="http://static.pixelpipe.com/b5b4b9c6-b72e-43a4-ad8e-831b5e9941da_b.jpg";
pic[3]="http://static.pixelpipe.com/a6fe04ea-83ab-49e7-895a-e19f1294f5a1_b.jpg";
pic[4]="http://static.pixelpipe.com/74104d5e-5560-4199-987b-5ffd9850de75_b.jpg";
pic[5]="http://static.pixelpipe.com/ee157f82-b7a3-4dac-af36-c31559638781_b.jpg";
pic[6]="http://static.pixelpipe.com/3c183afd-cc9f-4b9c-9559-489525abd5c0_b.jpg";
pic[7]="http://static.pixelpipe.com/fe610dc1-d0ef-4bec-8375-21e6eff82916_b.jpg";
pic[8]="http://static.pixelpipe.com/b58b5ec6-536c-45c6-be3e-9c42a53c146a_b.jpg";
cnt = 0;
function changeimage() {
cnt++;
cnt %= 9;
document.img.src = pic[cnt];
}
//-->
</script>
<div align=center>
<a href="javascript:changeimage()">
<img src="http://static.pixelpipe.com/3e7f6267-725c-4428-9543-ac1e7b0a898c_b.jpg" name="img" border="0">
</a>
</div>
