Eli ongelmani on seuraava. Kyseinen koodinpätkä tekee mukavan tempun, eli häivyttää kuvaa hiiren kulkiessa sen päälle ja pois. Alkuasetelma on siis sumuinen häivekuva joka herää henkiin kun hiiren osoitin viedään päälle. Ongelma vain on siinä, että kyseinen asetus tuntuu toimivan vain ah niin paljon inhoamassani IE:ssä. Mozilla ei temppua toista.Eikä Netscapekaan. Kuvista saa tehtyä kyllä tietysti normaalin linkkisiirroksen, mutta tuo mukava häivetrikki ei pelitä. Apuja. Laitan tuon kodin pätkän tänne. <SCRIPT language=JavaScript> <!-- nereidFadeObjects = new Object(); nereidFadeTimers = new Object(); function nereidFade(object, destOp, rate, delta){ if (!document.all) return if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0); return; } clearTimeout(nereidFadeTimers[object.sourceIndex]); diff = destOp-object.filters.alpha.opacity; direction = 1; if (object.filters.alpha.opacity > destOp){ direction = -1; } delta=Math.min(direction*diff,delta); object.filters.alpha.opacity+=direction*delta; if (object.filters.alpha.opacity != destOp){ nereidFadeObjects[object.sourceIndex]=object; nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate); } } //--> </SCRIPT> Ja tämä tulee siihen kohtaan mihin haluaa trikin muodostuvan: <img src=kuvaurl.gif border=0 style=filter:alpha(opacity=20) onMouseOver=nereidFade(this,100,20,10) onMouseOut=nereidFade(this,20,5,5)>
Tietääkseni tuo filter ei toimi muissa kuin IE:ssä. Itse olen tehnyt samat efektit kolmella GIF-kuvalla. Ensimmäinen on normaalitila, joka näkyy kun sivu ladataan. Toinen on se kuva, joka ladataan edellisen tilalle kun hiiri menee kuvan päälle. Tässä kuvassa on muutaman ruudun animaatio, jossa häivytys tapahtuu. Kolmas kuva ladataan, kun hiiri viedään pois kuvan päältä. Siinä on sama animaatio kuin edellisessä, mutta päinvastoin. Täällä on esimerkki: http://www.tpu.fi/~s2mhaver/esimerkki.htm
