IEとFireFoxの両方で動作するJavaScriptコード

質問

タイトル通り、IEとFireFoxの両方で動作するJavaScriptコードの書き方が分かりません。

現在以下のようなコードで写真をクリックすると切り替わるようにしているのですが、FireFoxでは動いてくれません。。

<script language="JavaScript">
<!--
num = 0;
function wipe(theIMG)
{
num++;
num %= 5;
theIMG.filters.revealTrans.Apply();
theIMG.src = num+".jpg";
theIMG.filters.revealTrans.Play();
}
// -->
</script>

***写真の部分***
<img src="0.jpg" width="300" height="400" border="1" alt="PHOTO" name="change" style="filter:revealTrans(duration=1,transition=12)" onClick="wipe(this)">

どなたか分かる方がおりましたら、ご教授願います。
宜しくお願い致します。。

回答No.3

venzou · ベストアンサー

＞「この1行を追加すれば両方で動く！」
＞的なものはあるのでしょうか？

とりあえず簡単なのは、オブジェクトやメソッドを利用する前に、
利用可能かチェックする事です。

今回の件では、Firefoxではfiltersが使えないので、下記の行でエラーになります。（[ツール]→[エラーコンソール]でエラーを確認しましょう）

>theIMG.filters.revealTrans.Apply();

ですから、filtersを使う前に、if文でチェックしています。

if(theIMG.filters)
{
//filtersが使える場合の処理
theIMG.filters.revealTrans.Apply();
}

ブラウザによる違いは、誰もが苦労している問題だと思います。
簡単に解決出来る問題ではないので、少しずつ勉強していくしかないでしょう。

幾つか参考になりそうなものを挙げておきます。
http://www.tohoho-web.com/www.htm
http://okwave.jp/qa2915032.html
http://www.ichiro.to/note/cope
http://www.keynavi.net/ja/tipsj/ident.html

がんばって下さい。

お礼

なるほど、そう簡単にはいかないのですね。。orz

がんばって勉強します。
有難うございました。

回答No.2

venzou

フィルターはIE独自の機能なので使えませんが、
下記の様にして置けば、画像の切り替えは可能ですよ。

<script language="JavaScript">
<!--
num = 0;
function wipe(theIMG)
{
num++;
num %= 5;
if(theIMG.filters){
theIMG.filters.revealTrans.Apply();
}
theIMG.src = num+".jpg";
if(theIMG.filters){
theIMG.filters.revealTrans.Play();
}
}
// -->
</script>

お礼

おっ！！
できました、有難うございました。。

補足

すみません、なぜできたかのかがよく理解できていないのですが、
なにか
「この1行を追加すれば両方で動く！」
的なものはあるのでしょうか？

勉強不足です。。

回答No.1

ANASTASIAK

それらのフィルタ効果はIE専用だからです。