Tilpasning af fade funktion fra IE til også Mozilla

Som titlen siger, har vi bøvlet med at få en fadeeffekt til at virke udover i IE.

Funktionen det drejer sig om er denne:

<script  type="text/javascript">
// Gallery script.
// With image cross fade effect for those browsers that support it.
// Script copyright (C) 2004 www.cryer.co.uk.
// Script is free to use provided this copyright header is included.

function LoadGallery(pictureName,imageFile,titleCaption,captionText)
{
  var picture = document.getElementById(pictureName);
  if (picture.filters)
  {
    picture.style.filter="blendTrans(duration=1)";
    picture.filters.blendTrans.Apply();
  }
  picture.src = imageFile;
  if (picture.filters)
  {
    picture.filters.blendTrans.Play();
  }
}
</script>

Som den er her, så virker den kun i IE. Vi har implementeret den på en testside som kan ses her: http://www.noob.dk/danwater/case.asp. Hvis man fører markøren over visse dele af billedet er det meningen, at tekst og billede i bunden af siden skal fade fra det man tidlige havde markøren over til det nye.

Tester man siden i IE fungerer fade-effekten fint, men i firefox virker den selvfølgelig ikke, da javascript-funktionen kalder "filter" som mig bekendt er IE-specifik.

Hvis der er nogen kodehajer med forstand på javascript, så vil vi blive meget glade (da det indgår som led i en eksamen i webkommunikation), hvis de kunne tilføje funktionalitet til vores funktion, så den fungerer tilsvarende i firefox.