スポンサーサイト

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

配列利用のトラスラの改造版 変数にLOOPをつかいました

 ALTでは画像にコメントが表示されてきになるという意見がありましたので、探し回ってLOOPをみつけました。このいまでは使われないようになったLOOPの値を変数にしたわけです。
 以下LOOPを使った改良版トラスラです。写真を7枚に増やしました。

<藤の花もまだまだで人影もまばらな吉祥寺門前

ソースです
<table style="width:550;"><td style="font-size:1px;color:#556677;width:550;height:450;
background-image:url(http://blogimg.goo.ne.jp/user_image/6b/23/7c6799446011f9e551e4c064b5b2bfb8.jpg);
text-align:center;vertical-align:center;border: ridge 10px;"><<img alt="最初の写真" src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723631154bd6b86bdc624_import.jpg" loop=0
STYLE="width:450;border:inset 2px;filter:progid:DXImageTransform.Microsoft.Fade(duration=2);"
onclick="maxnum=7;
var url=new Array(maxnum);
url[0]='4e/50/4999030cee99fdc12ae6e996cd1afcff.jpg';
url[1]='09/21/3d40ce966ff7260379a8d148e4255d51.jpg';
url[2]='00/5f/b3f2e3dc42bfb3ca9c83d7d6d6868bc3.jpg';
url[3]='6f/90/97c7b12a65282f44205dbfb75613763c.jpg';
url[4]='2d/74/b22c5cbc0bbb7b5b71b30818b2ddb99c.jpg';
url[5]='0b/4d/d85f25464a00c3c36dea68ad3be474ea.jpg';
url[6]='4e/90/94cc6d429f2bb1b78c502d24382fde3d.jpg';
var txt=new Array(maxnum);
txt[0]='一番目の写真';
txt[1]='二番目の写真';
txt[2]='三番目の写真';
txt[3]='四番目の写真';
txt[4]='五番目の写真';
txt[5]='六番目の写真';
txt[6]='七番目の写真';
num=this.loop;
this.filters[0].apply();
this.src='http://blogimg.goo.ne.jp/user_image/'+url[num];
this.alt=txt[num];
this.filters[0].play();
num++;
if(num==maxnum) {num=0;}
this.loop=num;" /></td></table>

コメントの投稿

非公開コメント

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

dongwcat

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

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

この人とブロともになる

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