残像を残しながらjpg画像を自動的に切り替える方法
HPに残像を残しながらjpg画像を自動的に切り替える動画を、どのブラウザ(InternetExplorerやFirefox、Google Chrome等すべて)を使っても表示できる様にしたいのですが、それを可能にする方法はないでしょうか?
サーバーは、ASJホスティングサービスを使っています。
記述は、JavaScriptを使用しており、現在InternetExplorerでのみ表示される状況です。
なお、サポートセンターに問い合わせて返ってきた回答が以下の通りです。
InternetExplorer以外にはfilterが実装されていないため、FirefoxやGoogle Chrome等のブラウザでは表示されていないかと思われます。
その為、同様の動作をするjsライブラリを利用されますか、flashなどに置き換えて利用下さい。
との事で、
現在の、JavaScriptの記述は以下の通りです。
<SCRIPT language="JavaScript">
<!--
var time=3;
var rtime=4000;
var image= new Array();
image[0]='/フォルダ/画像1.jpg';
image[1]='/フォルダ/画像2.jpg';
image[2]='/フォルダ/画像3.jpg';
image[3]='/フォルダ/画像4.jpg';
image[4]='/フォルダ/画像5.jpg';
image[5]='/フォルダ/画像6.jpg';
image[6]='/フォルダ/画像7.jpg';
image[7]='/フォルダ/画像8.jpg';
image[8]='/フォルダ/画像9.jpg';
image[9]='/フォルダ/画像10.jpg';
image[10]='/フォルダ/画像11.jpg';
image[11]='/フォルダ/画像12.jpg';
image[12]='/フォルダ/画像13.jpg';
image[13]='/フォルダ/画像14.jpg';
image[14]='/フォルダ/画像15.jpg';
image[15]='/フォルダ/画像16.jpg';
image[16]='/フォルダ/画像17.jpg';
var ii=0;
function imgchange(){
imgframe.filters.blendTrans.Apply();
imgframe.filters.blendTrans.duration=time;
imgframe.src=image[ii];
imgframe.filters.blendTrans.Play();
ii=ii+1;
if (ii>15) ii=0;
t=setTimeout('imgchange()',rtime);
}
//-->
</SCRIPT>
<BODY bgcolor="#ffffff" onLoad="imgchange()">
<DIV align="center">
<IMG src='img01.jpg' id="imgframe" style="filter:blendTrans">
</DIV>
</BODY>
これと同様の動作をするjsライブラリはありますか?
また、画像をこれと同様の動きで表示させるいい方法はないでしょうか?
よろしくお願いします。
お礼
大変参考になりました。ありがとうございます。