Billede fade

Så skal du have to billeder et i sort/hvidt og et i farve, som skal overblændes ...

I ie findes der et filter der kan den ting, men du kan da prøve at se på en anden løsning, hvor det er billedets gennemsigtighed, som ændres:

http://roenving.users.whitehat.dk/WD5Opacity.html

kan man så ikke bare få noget javascript til at gøre billedet sort/hvid også når man holder musen overden viser den farvebilledet... den behøver ikke at fade

Du skal have to billeder så:

<img src="billede-sh.jpg" onmouseover="this.src='billede.jpg'" onmouseout="this.src='billede-sh.jpg'">

Og man kunne vel så med de 2 oplysninger i baghånden så lave en lille funktion, som om ikke andet ville gøre det ønskede i IE ik? :o)

kræver som i roenvings eksempel 2 billeder :o) "billede_sh.ext" & billede.ext

<script type="text/javascript">

ie = (document.all && !window.opera)?true:false

function fade(pic,elm){
if(pic.indexOf("_sh")!=-1){
  pic = pic.split("/");
  pic = pic[pic.length-1].replace("_sh","");}
else{
  pic = pic.split("/");
  pic = pic[pic.length-1].split(".")
  pic = pic[0]+"_sh."+pic[1];}
if(ie){
  elm.style.filter="blendTrans(duration=2)";
  elm.style.filter="blendTrans(duration=crossFadeDuration)";
  elm.filters.blendTrans.Apply();     
  elm.src = pic;
  elm.filters.blendTrans.Play();}
else
  elm.src = pic;
}
</script>

<img src="hhh_sh.jpg" onmouseover="fade(this.src,this);" onmouseout="fade(this.src,this);"/>