[JS/CSS] Bilder einblenden/ausblenden

[flaschenkind]

Ich möchte, dass wenn man auf ein Bild (halbtransparent) fährt, es langsam normal wird. Wenn man wieder runterfährt, soll es wieder halbtransparent werden. Nach langem googlen habe ich herrausgefunden, wie ich die Bilder transparent bekomme (filter:alpha(opacity=30);-moz-opacity:0.3) aber nicht, wie ich sie wieder zum vorschein hole
Kann mir jemand weiterhelfen?

 

[Ares]

ist zwar ein andere filter aber so hatte ich das mal gemacht

<STYLE>
.active {filter: chroma();}
.inactive {filter: gray();}
</STYLE>

<script language="javascript">
function aktiv() { event.srcElement.className='active'; }
function inaktiv() { event.srcElement.className='inactive'; }
</script>

<IMG CLASS="inactive" SRC="mev02053.jpg" width=320 onmouseover="aktiv()" onmouseout="inaktiv()">
<IMG CLASS="active" SRC="mev02029.jpg" width=320 onmouseover="inaktiv()" onmouseout="aktiv()">

 

[flaschenkind]

ist zwar ein andere filter aber so hatte ich das mal gemacht

<STYLE>
.active {filter: chroma();}
.inactive {filter: gray();}
</STYLE>

<script language="javascript">
function aktiv() { event.srcElement.className='active'; }
function inaktiv() { event.srcElement.className='inactive'; }
</script>

<IMG CLASS="inactive" SRC="mev02053.jpg" width=320 onmouseover="aktiv()" onmouseout="inaktiv()">
<IMG CLASS="active" SRC="mev02029.jpg" width=320 onmouseover="inaktiv()" onmouseout="aktiv()">

Thx, aber das funktioniert nur im IE

 

[Ares]

naja, man kann nicht alles haben

 

[LasMiranda]

per PNG gehts auch in richtigen Browsern.

 

[theHacker]

Thx, aber das funktioniert nur im IE

Und den Rest mach du mit CSS:

img {
  filter:alpha(opacity=30);
  moz-opacity:0.3;
}
img:hover {
  filter:alpha(opacity=100);
  moz-opacity:1;
}

edit:
Damit müsstest du dir obigen JS-Code sparen können, weil der IE auf den filter:alpha() anspringt.

 

[flaschenkind]

Und den Rest mach du mit CSS:

img {
  filter:alpha(opacity=30);
  moz-opacity:0.3;
}
img:hover {
  filter:alpha(opacity=100);
  moz-opacity:1;
}

edit:
Damit müsstest du dir obigen JS-Code sparen können, weil der IE auf den filter:alpha() anspringt.

Thx teste ich gleich mal.

 

[tleilax]

Damit das auch im FF klappt, muss die Angabe -moz-opacity heissen.

@theHacker:

 

[flaschenkind]

Das Funktioniert im FF, aber nicht im IE
Aber egal.
Noch eine Frage: Kann man das auch irgentwie auf Script tags anwenden?

<script language="Javascript" type="text/javascript" src="*****" class="hover"></script><br>

Geht nicht.

 

[theHacker]

Noch eine Frage: Kann man das auch irgentwie auf Script tags anwenden?

Willst du das Script halbtransparent machen ?
Nö, das geht freilich ned.