Highlight an Image on MouseOver using JavaScript

Place the following JavaScript code between your HEAD tags:

<script language="JavaScript">

<!-- 

  function HighlightImage(cur,which)

  {

    strength=(which==0)? 1 : 0.2;

    if (cur.style.MozOpacity)

    {

      cur.style.MozOpacity=strength;

    }

    else if (cur.filters)

    {

      cur.filters.alpha.opacity=strength*100;

    }

  }

// -->

</SCRIPT>

Now apply the styles and call this JavaScript function within all of the image tags you would like the affect to be applied:

<img src="ImageName.gif" width="100" height="100" style="filter:alpha(opacity=20);-moz-opacity:0.2" onMouseover="HighlightImage(this,0)" onMouseout="HighlightImage(this,1)">