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

解決済みの質問

Javascript画像切り替えIEでしか動かない

Javascriptで画像を切り替えています。
IEでは動くのですが他のブラウザだと動きません。

FirefoxやChromeは何か特殊なのでしょうか?
わかる人いたら教えてください。

<script type="text/javascript">
var imgs = new Array();
imgs[0] = "img/top2.jpg";
imgs[1] = "img/top3.jpg";
imgs[2] = "img/top1.jpg";
i = 0;
function Blend(){
document.getElementById("imgframe").filters.blendTrans.apply();
document.all.item("imgframe").src = imgs[i++];
document.getElementById("imgframe").filters.blendTrans.play();
if(i>=imgs.length) i=0;
}
onload = function(){setInterval(Blend,3*1000)}
</script>

<img src="img/top1.jpg" width="940" height="350" id="imgframe" style="filter:blendTrans(duration=1);">

投稿日時 - 2013-05-24 16:22:26

QNo.8102912

すぐに回答ほしいです

質問者が選んだベストアンサー

こんにちは。

Firefoxやchromeが特殊なのではなくIEが特殊なのです。

filtersはIE専用であり他のブラウザでは解釈できず動かせません。

JavaScriptのライブラリであるjQueryを利用すると比較的簡単にほとんどのブラウザで似たような動きをさせることが出来ると思います。

jQuery アニメーション
みたいな感じで検索してみてください。

投稿日時 - 2013-05-24 17:30:28

お礼

ありがとうございます。
できました!

しかし、IEだけが特殊とは驚きました。

WEBのアクセス解析の仕事をしているのですが
IEシェア8割。。

うーん
火狸、黒夢、動物園。。なんとかならぬものかw

独り言です。。。

投稿日時 - 2013-05-24 18:23:27

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

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

回答(2)

ANo.2

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1244893652

似たような質問がありますね。やってることもほぼ同じでは?
参考にしてみたらいかがでしょう

投稿日時 - 2013-05-24 18:11:40

あなたにオススメの質問