Fading Image

Beispiel:


Dieser Effekt funktioniert durch ein Javascript. Zuerst fügt ihr folgenden Teil nach dem Header ein:

<script language="JavaScript1.2"> //Gradual-Highlight image script- By Dynamic Drive //For full source code and more DHTML scripts, visit http://www.dynamicdrive.com //This credit MUST stay intact for use function high(which2){ theobject=which2 highlighting=setInterval("highlightit(theobject)",50) } function low(which2){ clearInterval(highlighting) if (which2.style.MozOpacity) which2.style.MozOpacity=0.3 else if (which2.filters) which2.filters.alpha.opacity=30 } function highlightit(cur2){ if (cur2.style.MozOpacity<1) cur2.style.MozOpacity=parseFloat(cur2.style.MozOpacity)+0.1 else if (cur2.filters&&cur2.filters.alpha.opacity<100) cur2.filters.alpha.opacity+=10 else if (window.highlighting) clearInterval(highlighting) } </script>

Wenn ihr dann das Bild da habt wo es sein soll müßt ihr zum image-tag folgendes hinzufügen:

<img style=filter:alpha(opacity=10);-moz-opacity:0.3" onMouseover="high(this)" onMouseout="low(this)" src="image.jpg">

Dabei könnt ihr die opacity (transparenz) beliebig verändern, probiert am besten herum.

rewind