"Style"

[JeromeBlake]

Und zwar hab ich folgendes Probelm.

<img src="pics/Hp_kl.jpg" width="250" height="147" border="0" class="rahmen" style="FILTER:alpha(opacity=30);moz-opacity: 0.3" onmouseover="high(this)" onmouseout="low(this)" >

Der Effekt ist das dieses Bild zu einem gewissen Grad transparent ist. Und wenn ich die Mause drauf bewege 100% sichtbar wird.

Das schöne ist das es zwar soweit funktioniert, aber ich möchte diesen effekt auch haben möchte wenn ich die Maus vom Objekt runter bewege. Das heist das er wieder in schritten transparent wird. Hab schon alles versucht nur ich bekomm es nicht hin!

Habt ihr vielleicht ne Idee wie ich das hinbekomme???


Gruss JeromeBlake

 

[Microkotz]

Interessant zu wissen, wäre wie die bisher implementierten JS-Funktionen aussehen.

Zu deinem Problem:
Das musst du per window.setTimeout("Funktion()",zeit in ms) machen.
Du schreibst eine Funktion die den alpha-wert bei jedem durchlauf um einen bestimmten wert ändert.
Diese Funktion ruft den Timeout auf, der nach einer bestimmten Zeit diese Funktion von neuem aufruft, bis die Transparenz den gewünschten Wert erreicht hat.

 

[Irvine]

Oder änder doch einfach den className der Grafik! Die eine Style-Klasse hat keine Tranzparenz und die andere hat eine.

Müsste ungefähr so sein (nicht getestet!):

[FONT=Courier New]
<style type= "Text/Css">

Img.Tranzparent{
 ...
}

Img.NichtTranzparent{
 ...
}

</style>


<img src="pics/Hp_kl.jpg" width="250" height="147" border="0" class="Tranzparent" onmouseover="this.className='NichtTranzparent';" onmouseout="this.className='Tranzparent';" > 
[/FONT]

 

[Microkotz]

...
Das heist das er wieder in schritten transparent wird.
...

Bei deiner Idee wird das schlagartin geändert. Nicht schrittweise!

 

[Irvine]

Oh mist, das hab ich überlesen!

 

[dipser]

So siehts aus Microkotz:
x.style.MozOpacity (Für den alten Mozilla)
x.style.KhtmlOpacity (Für Safari)

 

[Microkotz]

mit "alpha-wert" habe ich alle Transparents-werte gemeint.