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ランキング
-
画像のランダム表示、及び画像...
-
複数のリンク画像を一定時間で...
-
Slick.jsのオプションrtlについて
-
innerHTMLに代入したインライン...
-
読み込んだQRコードをフォーム...
-
jqueryのプラグインslickの画像...
-
クリックして変更した画像を他...
-
JS <a></a>タグ内のリンク先ア...
-
jqueryのsortableで一部ソート...
-
表示・非表示のスクリプトで、...
-
文字をクリックしたら別の文字...
-
javascriptテキストBOX色を元に...
-
フッター上部に謎の隙間
-
プログラミングでのビンゴマシ...
-
フォームに入力された値により...
-
dblclickでdiv要素を一回だけ作...
-
window.openで値の渡し方を教え...
-
計算結果の表示方法について
-
console.log結果をhtmlで表示し...
-
jQueryのhide,showで中の要素が...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
JavaScript スライドの画像にリ...
-
HTMLで条件分岐はできますか?
-
画像ランダム表示、しかしダブ...
-
bxsliderにて読み込み後に内容...
-
画像を切り替えランダム表示
-
1枚の画像をクリックすると複数...
-
Gifアニメ、最後のコマに行った...
-
画像の重なりの順序を代える方...
-
小窓について教えて下さい。
-
スライダーを実装した場合、ペ...
-
スワップイメージが上手く動作...
-
USEMAPでの指定区域にマウスオ...
-
1枚の画像をクリックして複数の...
-
クリッカブルマップの一部分だ...
-
オンマウスで、画像切り替え+...
-
iframe内のリンク文字のマウス...
-
edgeでスクロールバーに色が表...
-
画像の上に画像リンクを貼る方法
-
prettyphotoの画像表示について
おすすめ情報