nicht angemeldet
CSS-Mouseover Bilder anders als in Selfhtml
Hallo!
In Selfhtml wurde hier ein CSS-Mouseover vorgestellt.
Das hat viele Vorteile zu einem Mouseover in JS.
Die Methode aus Selfhtml gefällt mir jedoch überhaupt nicht,
da das Mouseover-Bild erst geladen werden muss,
wenn ich die Maus drüber habe.
Ich könnte natürlich einen JS-Preloader nehmen, aber dann wären
wir wieder da, wo wir nicht hinwollen.
Ich weiß von einer Möglichkeit,
ein Bild zu zeichen, das z.B. 100 px lang und 40 px hoch ist.
die ersten 20 px höhe sind der Teil bei off-mouse,
und die anderen 20 px sind bei on-mouse.
Und wenn die Maus drüberfährt, schiebt sich das Bild
20px nach unten oder oben oder so.
Somit entfällt ein preload,
da das ganze Bild bereits geladen ist.
-
Wie ist das mit der Browser-Kompatibilität?
Ich brauch was ab IE 4.x / NN 6.x // Opera 6.x -
Wie geht das?
Danke,
Aqua
-
Hallo!
Hab mich im Chat gerade mit Jeena unterhalten,
er meinte meine Browserkompatibilitätsvorstellungen sind Schwachsinn.Daher nehme ich das zurück,
und frage vielmehr: In welchen Browsern geht das, was ich will?
... und wie geht es?Danke
Aqua-
Hallo,
Hab mich im Chat gerade mit Jeena unterhalten,
er meinte meine Browserkompatibilitätsvorstellungen sind Schwachsinn.:-)
Daher nehme ich das zurück,
und frage vielmehr: In welchen Browsern geht das, was ich will?
... und wie geht es?Bitte lesen, verstehen und nachmachen: http://wellstyled.com/css-nopreload-rollovers.html
ergänzend dazu dann noch: http://www.fivesevensix.com/studies/ie6flicker/
Grüße
Jeena Paradies--
Testbrowser Konqueror auch Webdesigner ohne Linux können darauf testen-
Hallo Jeena!
Danke ... äh ... Du bist ein komischer Kauz ;)
Wir chatten die ganze Zeit und dann postet Du im Forum *g*Danke jedenfalls!
Aqua
-
Hallo,
Danke ... äh ... Du bist ein komischer Kauz ;)
Wir chatten die ganze Zeit und dann postet Du im Forum *g*hehe, für's Archiv ;-)
Grüße
Jeena Paradies--
Testbrowser Konqueror auch Webdesigner ohne Linux können darauf testen
-
-
-
Schau mal hier: http://wellstyled.com/css-nopreload-rollovers.html. Eine etwas weniger elegante Variante wäre das Einbinden der benötigten Grafiken als 1x1px große Grafiken an einer anderen Stelle, sodass sie wenn benötigt aus dem Browsercache geladen werden.
ciao
bitfarm
-