スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

配列を使ってさいころころがしを改良してみました

昨日の画像追加で、オンクリックイベント中でも配列が使えることを確認し、以前投稿しましたサイコロを配列を使うことでシンプルなスクリプトに変えることができました。

配列は

var saiko=new Array(6);
saiko[0]='URL';
saiko[2]='URL';
saiko[3]='URL';
.............
saiko[5]='URL';

と宣言、代入しています。

本当は、クリックごとに配列を読み込ませるというのはスマートではないのですが、最近の高速のパソコンでは問題ないようです。むしろ、読みやすいスクリプトがかけるので、スライドショーなどにも使えそうです。前の投稿では、同じ目が出るとモーションが動きませんでしたが、これだと毎回画像のURLがリフレッシュするため、GIFが毎回動くようになりました。ということで改良版です。


<   <

<勝  負


ソースです。<>は半角にしてください


<center><span style="font-size:1px;color:#ffffff;"><<img id="saiko0" src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723596854bd6ab05088bc_import.gif" />   <<img id="saiko1" src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723596904bd6ab0ad5dab_import.gif" /></span><br><br><span style="font-size:1px;color:#ffffff;"><<a href="#dummy" onclick="var saiko=new Array(7);saiko[0]='http://blogimg.goo.ne.jp/user_image/7e/ad/0b2092b69ce290fc01aa3c20931b81e6.gif';saiko[1]='http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723596854bd6ab05088bc_import.gif';saiko[2]='http://blogimg.goo.ne.jp/user_image/6e/c8/b540aad047336a75945d65695567c534.gif';saiko[3]='http://blogimg.goo.ne.jp/user_image/15/71/759780459f4215b43f5da7ad085d106a.gif';saiko[4]='http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723596904bd6ab0ad5dab_import.gif';saiko[5]='http://blogimg.goo.ne.jp/user_image/7f/dd/911ff6cfd5c2c72e3f7cb7acc9d74263.gif';saiko0.src=saiko[Math.floor(Math.random() * 6)];saiko1.src=saiko[Math.floor(Math.random() * 6)];"></span>勝  負</a></center>

コメントの投稿

非公開コメント

FC2カウンター
プロフィール

dongwcat

Author:dongwcat
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。