• 締切済み

残像を残しながら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ライブラリはありますか? また、画像をこれと同様の動きで表示させるいい方法はないでしょうか? よろしくお願いします。

みんなの回答

  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

>表示させるいい方法はないでしょうか? サポートセンターからの回答の通りではないでしょうか? >これと同様の動作をするjsライブラリはありますか? その手のものは沢山作成されています。 検索してみればたくさんヒットするはずです。 <ごく 一例> http://weblearnlog.toypark.in/javascript/jquery/449/ http://phpjavascriptroom.com/?t=ajax&p=fadejs 自分好みのものを作成するにしても、jQueryなどのライブラリを使えば、 それほど大した手間ではないでしょう。

すると、全ての回答が全文表示されます。

関連するQ&A