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ライブラリはありますか?
また、画像をこれと同様の動きで表示させるいい方法はないでしょうか?
よろしくお願いします。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
>表示させるいい方法はないでしょうか?
サポートセンターからの回答の通りではないでしょうか?
>これと同様の動作をするjsライブラリはありますか?
その手のものは沢山作成されています。
検索してみればたくさんヒットするはずです。
<ごく 一例>
http://weblearnlog.toypark.in/javascript/jquery/ …
http://phpjavascriptroom.com/?t=ajax&p=fadejs
自分好みのものを作成するにしても、jQueryなどのライブラリを使えば、
それほど大した手間ではないでしょう。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- PHP imageフォルダに、画像をリサイズして保存する時のファイル名を変更したい 1 2023/05/30 11:39
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- Windows 8 Route Generator の使い方 1 2023/05/03 00:36
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- PHP $filePath = './user_img/' . $file['name'];? 1 2022/12/10 07:29
- その他(プログラミング・Web制作) pythonでDepixを起動 5 2022/12/18 08:04
- Excel(エクセル) Excel 毎日手作業で時間がかかって、泣きたいです、、、VBAのプロの方、助けてください。。。 3 2022/10/25 04:26
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
画像を切り替えランダム表示
-
1枚の画像をクリックして複数の...
-
画像ランダム表示、しかしダブ...
-
USEMAPでの指定区域にマウスオ...
-
画像クリックで別の場所の画像...
-
中心を軸にくるくる回るjQuery ...
-
画像のランダム表示が遅い?
-
bxsliderにて読み込み後に内容...
-
1枚の画像をクリックすると複数...
-
初心者です。クリッカブルマッ...
-
JAVAスクリプトの質問
-
Gifアニメ、最後のコマに行った...
-
javascriptで毎月替わる画像
-
アクセス毎に画像を順番に表示...
-
「進む」「戻る」ボタンの作成...
-
javascriptのitem?klassとは?
-
javaを使ってマウスオンでの画...
-
textareaに画像を表示したい
-
HTMLで条件分岐はできますか?
-
ソート時に△/▽のような画像を表...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
JavaScript スライドの画像にリ...
-
HTMLで条件分岐はできますか?
-
1枚の画像をクリックして複数の...
-
Javascript で共通の処理をどこ...
-
JavaScriptとチェックボックス...
-
画像ランダム表示、しかしダブ...
-
Gifアニメ、最後のコマに行った...
-
画像の重なりの順序を代える方...
-
1枚の画像をクリックすると複数...
-
javascriptで毎月替わる画像
-
オンマウスで、画像切り替え+...
-
透過pngの透明部分以外をクリッ...
-
Javascriptで指定した日付と時...
-
jQueryスライドショー画像への...
-
JavaScript で flexslider の画...
-
lightbox2をiframeから外に表示...
-
重なった画像にクリックイベン...
-
Twitterの埋め込みしたWebペー...
-
画像をフォルダに入れれば表示...
おすすめ情報