Nahtloser "Rollover"-Effekt ?

[smartcom5]

Alles hat ein Ende

Alles hat ein Ende.

Es war schön mit Euch !


In diesem Sinne

Smartcom

 

[DeineMudda]

Das Nachladen der Grafiken lässt sich auch per JavaScript realisieren. Falls Du sowas meinst, kann ich dir ein Beispiel raussuchen...

 

[lengsel]

Meinst Du sowas in dieser Richtung: http://www.simplebits.com/notebook/2003/08/22/css_photo_zoom.html

Grüße,
Flo

 

[smartcom5]

Nein, nein…

Das nachladen will ich ja verhindern, mit einem Skript mache ich es ja leider bisher, aber sobald der Mauszeiger drauf ist, lädt der Broswer nach, genau das will ich ja nicht…

Hätte Moses da vieleicht eine Idee, obwohl ich in vor einer Weile fehlendes Wissen unterstellte ?

In diesem Sinne

Smartcom

 

[smartcom5]

Meinst Du sowas in dieser Richtung: http://www.simplebits.com/notebook/2003/08/22/css_photo_zoom.html

Grüße,
Flo

Ja, genau so etwas, wenn es auch mit verschiedenen Bildern geht ?

In diesem Sinne

Smartcom

 

[DeineMudda]

Nein, nein…
Das nachladen will ich ja verhindern, mit einem Skript mache ich es ja leider bisher, aber sobald der Mauszeiger drauf ist, lädt der Broswer nach, genau das will ich ja nicht…

Also irgendwann wirst Du die Bilder schon mal laden müssen. Es ist halt ein elementarer Unterschied, ob Du mit dem Laden anfängst, wenn der Bediener die Maus auf das Element schubst (onMouseOver) oer wenn die Seite geladen wird (z.B. über onLoad im Body-Tag)...

 

[lengsel]

Ja, genau so etwas, wenn es auch mit verschiedenen Bildern geht ?

Naja, was heisst "verschieden". Das Konzept des "nopreload-rollover" erlaubt Dir darzustellen was Du willst, Du musst nur Deine Bilddatei entsprechend erstellen. Schau es Dir nochmal ganz genau an, speziell hier:
http://wellstyled.com/css-nopreload-rollovers.html
wird es eigentlich ganz klar.

Grüße,
Flo

 

[smartcom5]

Also irgendwann wirst Du die Bilder schon mal laden müssen. Es ist halt ein elementarer Unterschied, ob Du mit dem Laden anfängst, wenn der Bediener die Maus auf das Element schubst (onMouseOver) oer wenn die Seite geladen wird (z.B. über onLoad im Body-Tag)...

Ja, klar.
Ist schon richtig.
Ich meinte, ich will verhindern, das der Broswer einen kurzen Moment an der Stelle gar keine Grafik anzeigt, weil er sie grad lädt…

Prinzip ist folgendes:

Ein Button oder Element o.ä. mit den Maßen z.B. 50x20 hat eine Grafik die aus einer Grafik benutzt wird, die in diesem Fall 100x20 ist.
Sobald jetzt der Cursor auf das Element zeigt, wird der andere Teil der Grafik angezeigt, also von 50 bis 100 px.
Prinzip irgendwie einleuchtend ?

Ist irgendwie schwer zu erklären…

In diesem Sinne

Smartcom

 

[DeineMudda]

Das ist genau das, was lengsel/Flo oben gepostet hat.

 

[smartcom5]

Naja, was heisst "verschieden". Das Konzept des "nopreload-rollover" erlaubt Dir darzustellen was Du willst, Du musst nur Deine Bilddatei entsprechend erstellen. Schau es Dir nochmal ganz genau an, speziell hier:
http://wellstyled.com/css-nopreload-rollovers.html
wird es eigentlich ganz klar.

Grüße,
Flo

Wunderbar… genau das hab ich gesucht !
Die jeweiligen (Back-)grounds in einer Grafik

Danke vielmals…

In diesem Sinne

Smartcom

 

[scope]

http://www.subcide.com/tutorials/csslayout/page11.aspx

Hier nochmal ein Tutorial zum CSS-Rollover.
Hab auch zur Zeit im Einsatz:

http://dm.nurivo.de/mi/home.html

Ist wirklich deutlich stilvoller als die Javascript-Methode!

 

[smartcom5]

Das ist genau das, was lengsel/Flo oben gepostet hat.

Ich bin doch nicht so schnell…

In diesem Sinne

Smartcom

 

[smartcom5]

http://www.subcide.com/tutorials/csslayout/page11.aspx

Hier nochmal ein Tutorial zum CSS-Rollover.
Hab auch zur Zeit im Einsatz:

http://dm.nurivo.de/mi/home.html

Ist wirklich deutlich stilvoller als die Javascript-Methode!

Eben, eben…

Bin auch nicht so ein Freund von Javascript.
Alles schon und gut, aber ist mittlerweile schon fast ein Würfelspiel bei den vielen Browsern.

In diesem Sinne

Smartcom