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);">

回答No.1

LancerVII · ベストアンサー

こんにちは。

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

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

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

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

お礼

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

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

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

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

独り言です。。。

回答No.2

kool_noah

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

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