スポンサーサイト

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

ソースがシンプルな2枚のクリックトランジション付きスライド

<


すべてスタイルシートで記述して、ソースが一番シンプルなものを目当てに作って見ました。5枚程度なら、画像サイズ幅を498ピクセルから502ピクセルまで変化させて分岐すれば拡張可能です。else if(this.width==50?){処理}で追加します。
ソースを記述する場合にトラブルの原因になりやすいID名を一つも利用していないところにもこのソースのこだわりがあります。

今回のソースです(<>は半角に、改行はすべて削除してください)
<table><td style="font-size:1px;color:#aaaaaa;width:550;height:450;background-color:#aaaaaa;text-align:center;vertical-align:center;border: ridge 10px;">
<<img src="画像1" width=500
STYLE="border:inset 2px;
filter:progid:DXImageTransform.Microsoft.Fade(duration=2);"
onclick="
this.filters[0].apply();
if(this.width==500){this.src='画像2';this.width=501;}
else if(this.width==501){this.src='画像3';this.width=499;}
else{this.src='画像1';this.width=500;}this.filters[0].play();" />
</td><table>

コメントの投稿

非公開コメント

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

dongwcat

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

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

この人とブロともになる

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