billede sort/hvid indtil mouseover

Ie, ved ikke om der er en der tager de sidste 50% så FF virker...

<img src="image.jpg" alt="mit billede" style="filter:gray;" onmouseover="this.style.filter='';" onmouseout="this.style.filter='gray';" />

css ie

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type"

content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
a.grayit img{filter:gray;cursor:default;border:0px;}
a.grayit:hover img{filter:default;}
</style>

<script type="text/javascript">

</script>

</head><body>
<a href="#" class="grayit"><img src="image.jpg" alt="mit billede" /></a>
</body></html>

Har selv ledt lidt nu ... det tyder ikke på at du kan med andet end IE så
svaret er at du kan, men kun hvis kun i IE eller kun med to billeder ...

Alternativt kan de gøres med opacity (men det er jo ikke sort/hvid...) ...
<img src="image.jpg" style="filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);Moz-opacity:0.30;Khtml-opacity:0.30;opacity:0.30;" onmouseover="if(this.filters)this.style.filter='progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';this.style.MozOpacity = 1.00;this.style.KhtmlOpacity = 1.00;this.style.opacity = 1.00;" onmouseout="if(this.filters)this.style.filter='progid:DXImageTransform.Microsoft.Alpha(Opacity=30)';this.style.MozOpacity = 0.30;this.style.KhtmlOpacity = 0.30;this.style.opacity = 0.30;">

eller css:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
a.grayit img{
  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  Moz-opacity:0.30;
  Khtml-opacity:0.30;
  opacity:0.30;
  cursor:default;border:0px;}

a.grayit:hover img{
  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  Moz-opacity:1.00;
  Khtml-opacity:1.00;
  opacity:1.00;}

</style>

<script type="text/javascript">

</script>

</head><body>
<a href="#" class="grayit"><img src="image.jpg" alt="mit billede" /></a>
</body></html>

Tak for point :o)

takker for svar...