Icedales Page

Fading Image

Dieses Bild kannst du herumschieben. Dieses Script ist gut für Puzzles oder Dollmaker!

1. Füge diesen Code in deinen <head> bereich ein:

<script> /* Gradual-Highlight Image Script II- By J. Mark Birenbaum (birenbau@ugrad.cs.ualberta.ca) Permission granted to Dynamicdrive.com to feature script in archive For full source to script, visit http://dynamicdrive.com */ nereidFadeObjects = new Object(); nereidFadeTimers = new Object(); /* object - image to be faded (actual object, not name); * destop - destination transparency level (ie 80, for mostly solid) * rate - time in milliseconds between trasparency changes (best under 100) * delta - amount of change each time (ie 5, for 5% change in transparency) */ function nereidFade(object, destOp, rate, delta){ if (!document.all) return if (object != "[object]"){ //do this so I can take a string too 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>

2. Füge diesen Code da ein wo dein Bild erscheinen sein und änder die URL:

<img src="BILD URL" style="filter:alpha(opacity=30)" onmouseover="nereidFade(this,100,70,20)" onmouseout="nereidFade(this,20,50,10)">

Es geht aber auch andersrum! Erst ist das bild klar zu sehen und dann verschwindet es.

Den Code zu diesem Effekt habe ich selbst herausgetüftelt, hat einige Zeit gedauert bis ich diesen Effekt gecodet hatte (also ich habe als Basis den Code von da oben verwendet und ihn dann verändert) bei dynamicdrive und so werdet ihr diesen code nicht finden... also schreibt doch bitte dass der code von diesem effekt von mir ist. :D

nimm dafür diesen code:

<img src="BILD URL code by icedale.de" style="filter:alpha(opacity=100)" onmouseover="nereidFade(this,20,50,10)" onmouseout="nereidFade(this,100,70,20)">