Transparenz beim Grafiklink

• 02.09.2003

• #1

G

Gast - WinTotal

Guest

hallo zusammen!

so sollte es sein:

• wenn der mauszeiger nicht auf der grafik ist, soll diese tranparent sein
• wenn man mit dem mauszeiger darüber fährt, soll die grafik nicht mehr transparent sein

wie geht das?

ps:
-moz-opacity: bzw. filter:alpha(opacity=) kenn ich schon bzw. ist mir bekannt.

 

• 02.09.2003

• #2

J

Joshua

Guest

Würde mir spontan nur einfallen, zwei Grafiken zu benutzen und diese mit dem mouseover-Effekt auszutauschen....

Cheers,
Joshua

 

• 02.09.2003

• #3

M

Michael

Bekanntes Mitglied

Dabei seit

01.01.2001

Beiträge

2.134

Reaktionspunkte

0

Hi

Beim IE sollte das auch über die oben erwähnten Extra Styles gehen, zb:

<img src= style=filter:alpha(opacity=100) onmouseover=this.style.filter =->alpha(..)' onmouseout=this.style.filter =->alpha(..)' />

So ungefähr könnte es evtl gehen.

Gruß, Michael

 

• 03.09.2003

• #4

J

Joshua

Guest

Das funktioniert dann aber tatsächlich nur im IE und in keinem anderen Browser - das mouseover-Script mit dem Grafik-Austausch hingegen würde auch in Netscape und Mozilla laufen.....

Cheers,
Joshua

 

• 03.09.2003

• #5

G

Gast - WinTotal

Guest

danke für eure antworten.

@ PCDReitz:
ist das nicht auch schon ein kleines java-script - also kein css mehr?

 

• 03.09.2003

• #6

G

Gast - WinTotal

Guest

Code:

this.style.filter

ist das vorgeschrieben (also schon in css selbst enthalten) oder hast du dir den tag selber ausgedacht?

 

• 03.09.2003

• #7

M

Michael

Bekanntes Mitglied

Dabei seit

01.01.2001

Beiträge

2.134

Reaktionspunkte

0

Hi

Das ist Javascript mit dem man die Style angaben ändern kann, es sind keine Stylesheet Klassen.

Gruß, Michael

 

• 03.09.2003

• #8

G

Gast - WinTotal

Guest

achso

vielen dank!