スポンサーサイト

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

チョイぶれのない IDレス トラスラ

 画像のサイズで分岐するとぶれましたので、画像タグのalt属性の値で分岐させてみました。今度はぶれずに何十枚でもスライドを作ることができます。
 sora様のコメントにヒントに、altの文字を入れられるものに改造した現在のトラスラソースも最後に原文のまま掲載いたしました。


<1 北九州市八幡西区の金山川べりの桜


ソースは以下です
<table>
<td style="font-size:1px;color:#556677;
width:550;height:450;background-color:#556677;
text-align:center;vertical-align:center;
border: ridge 10px;">
<<img src="画像1" width=450 alt=1
STYLE="border:inset 2px;
filter:progid:DXImageTransform.Microsoft.Fade(duration=2);"
onclick="this.filters[0].apply();
if(this.alt==1){this.src='画像2';this.alt=2;}
else if(this.alt==2){this.src='画像3';this.alt=3;}
else{this.src='画像1';this.alt=1;}this.filters[0].play();" />
</td></table>

altの中身が書けるソース
<table><td style="font-size:1px;color:#556677;width:550;height:450;background-color:#556677;text-align:center;vertical-align:center;border: ridge 10px;"><<img src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723629384bd6b7bacf8a1_import.jpg" width=450 alt="1 北九州市八幡西区の金山川べりの桜" STYLE="border:inset 2px;filter:progid:DXImageTransform.Microsoft.Fade(duration=2);" onclick="num=this.alt.substring(0,1);this.filters[0].apply();if(num==1){this.src='http://blogimg.goo.ne.jp/user_image/5e/1d/19bfd502b440bd0f4d6c92f07e8363c8.jpg';this.alt='2 川べりの菜の花と桜の下で';}else if(num==2){this.src='http://blogimg.goo.ne.jp/user_image/3a/ff/a1dd14eadd8eeea34a74d036dcf28fbb.jpg';this.alt='3 れんげの可憐な花';}else{this.src='http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723629384bd6b7bacf8a1_import.jpg';this.alt='1 北九州市八幡西区の金山川べりの桜';}this.filters[0].play();" /></td></table>

コメントの投稿

非公開コメント

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

dongwcat

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

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

この人とブロともになる

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