• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:二つのフィルタを同時に使用したい)

フェードインと光源のフィルタを同時に使用したい

このQ&Aのポイント
  • フェードインと光源のフィルタを同時に使用したいという要望があります。
  • 現在、ページを開くと、画像がフェードインするようになっています。さらに、光源フィルタも追加したいとのことですが、うまくいっていないようです。
  • 具体的なソースコードの添付をお願いしています。

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

  • ベストアンサー
noname#22259
noname#22259
回答No.1

結論としてはそのままでは「できない」。 同一のオブジェクトにスタイル設定で「filter:alpha(opacity=0);filter:light(enabled=0)」を 設定すると、どちらかのフィルタ効果スクリプトでオブジェクトが検出さないか「null」になるはず。 スクリプトを見る限りでは、ページのロード完了と同時に画像オブジェクトにに対して光源フィルタ を加えたままでopacity値をインクリメントさせようとしているように見えるが、上の理由でそれは不可。 擬似的な代替案としては、3つ考えられる。 opacityを先行させてインクリメントが「n==100」でfilter効果を記述している関数を呼び出す。 もしくは、 同一画像を2つ用意しスタイルをposition:absoluteにしてIDをそれぞれ「IMG1」「IMG2」とし、z-indexで 画像を差し替える。 document.all['IMG2'].zIndex = 0 document.all['IMG1'].zIndex = 1 もしくは、 visibility:hidden|visible;で上と同じことを実現する。

その他の回答 (1)

noname#22259
noname#22259
回答No.2

>>No.1 × document.all['IMG2'].zIndex = 0 document.all['IMG1'].zIndex = 1 ○ document.all['IMG2'].style.zIndex = 0 document.all['IMG1'].style.zIndex = 1

oomiyaji
質問者

お礼

大変ありがとうございました。とても助かりました。教えていただいた方法で試してみます。

関連するQ&A