Image Fade on Mouse Over

These codes were all borrowed. Some have the links still in them for giving credit where it's due. :)

Put this code in the HEAD part of your page.

<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>
Put this part into the IMG tag of all the images you want the effect on
style="filter:alpha(opacity=30);-moz-opacity:0.3" onMouseover="high(this)" onMouseout="low(this)"


back