nicht angemeldet
Ein Rollover effekt mit - style="filter:Invert()"
Hallo ihr "fleißigen Bienchen" *g*
Ich habe fertige bilder für eine Navigation und müchte nicht extra für den Rollovereffekt weitere bilder machen sondern mit hilfe von javascript die originale farblich ändern.
style="filter:Invert()"
Dieser filter gefällt mir, aber wie kann ich den als rollovereffekt für eine grafik Anwenden?
MfG Dummbatz!
-
Hallo Dummbatz (ich würde meine Eltern hassen),
du kannst mit Javascript auf das style-Attribut oder eine Klasse des Bildes zugreifen. Müsste in der Art von onMouseOver="this.className='over'" funktionieren. Dann gibst du in der css-Datei halt für die Klasse over an, dass sie den Filter Invert nutzen soll. :)
Viele Grüße
Ben--
Phantasie ist wichtiger als Wissen. - Albert Einstein -
Hallo,
Ich habe fertige bilder für eine Navigation und müchte nicht extra für den Rollovereffekt weitere bilder machen sondern mit hilfe von javascript die originale farblich ändern.
style="filter:Invert()"
Dieser filter gefällt mir, aber wie kann ich den als rollovereffekt für eine grafik Anwenden?Du solltest wissen, dass es sich um eine IE-only Implementierung handelt.
Probiere es so:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test by TM 02/03</title>
<style type="text/css">
<!--a:hover img
{
filter:Invert();
}-->
</style>
</head>
<body>
<a href="abc.htm"><img src="bild.gif" border="0" alt=""></a>
</body>
</html>MfG, Thomas
-
Danke für den hinweis! (nur IE)
Du solltest wissen, dass es sich um eine IE-only Implementierung handelt.
Gibts da nicht was ähnliches das kompatibler ist?
-
Hallo,
Gibts da nicht was ähnliches das kompatibler ist?
Die Aenderung der Deckkraft (opacity) ist ein mit IE und Browsern auf Mozilla-Basis machbarer Effekt:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test by TM 02/03</title>
<style type="text/css">
<!--a:hover img
{
filter:Alpha(opacity=50);
-moz-opacity: 0.5;
}-->
</style>
</head>
<body>
<a href="abc.htm"><img src="bild.gif" border="0" alt=""></a>
</body>
</html>MfG, Thomas
-
Danke für den tipp!
Kann es sein dass der Befehl nicht bei Selfhtml vorkommt? Ich find da keine Infos drüber!
-moz-opacity: 0.5;wäre über nen direktlink dankbar!
-
Hallo,
Kann es sein dass der Befehl nicht bei Selfhtml vorkommt? Ich find da keine Infos drüber!
-moz-opacity: 0.5;wäre über nen direktlink dankbar!
Mir ist das erstmals vor 2 Jahren im Umfeld von Mozilla 0.6 begegnet, siehe: http://www.styleassistant.de/tips/tip48.htm.
MfG, Thomas
-
-
-
-