こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

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

投稿日時 - 2011-11-25 13:44:17

QNo.7153757

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(1)

ANo.1

>表示させるいい方法はないでしょうか?
サポートセンターからの回答の通りではないでしょうか?


>これと同様の動作をするjsライブラリはありますか?
その手のものは沢山作成されています。
検索してみればたくさんヒットするはずです。

<ごく 一例>
http://weblearnlog.toypark.in/javascript/jquery/449/
http://phpjavascriptroom.com/?t=ajax&p=fadejs


自分好みのものを作成するにしても、jQueryなどのライブラリを使えば、
それほど大した手間ではないでしょう。

投稿日時 - 2011-11-25 14:38:25

あなたにオススメの質問