スポンサーサイト

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

マイクロソフトフィルターを使ってスライドショー

先日のスライドショーに、トランジションフィルタを適用してみました。
画像にフィルターを設定して、関数部分にすこしスクリプトを加えるだけでできます
画像にフィルターを適用するにはスタイルを記述します
  style="filter:progid:DXImageTransform.Microsoft.Fade(duration=3)"
関数部分の画像を切り替えるスクリプトを次のスクリプトで挟みます
p100806.filters[0].apply();
ここに画像切り替えのスクリプト
p100806.filters[0].play();

<script>
num100806=1;
function f100806() {
num100806++;
if(num100806>5) num100806=1;
p100806.filters[0].apply();
p100806.src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/0"+num100806+".jpg";
p100806.filters[0].play();
}
</script>

<table width="600" height="600" border="0">
<tr>
<td style="text-align:center; vertical-align:middle"><img id="p100806" src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/01.jpg" style="filter:progid:DXImageTransform.Microsoft.Fade(duration=3)" onclick="f100806();" /></td>
</tr>
</table>

コメントの投稿

非公開コメント

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

dongwcat

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

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

この人とブロともになる

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