PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Css Mouseover und Browser-Cache


Marbleearth
2010-07-28, 08:40:18
Hallo hab einige Mouseovereffekte auf der Webseite (CSS -> Hover)
Es Handelt sich dabei um Icongrafiken.

Nun ist es so, dass der Browser die Grafik ja nicht vorläd, sondern erst wenn man mit der Maus drüber fährt. Man sieht es regelrecht weil die Grafik für den Bruchteil einer Sekunde "verschwindet".

Bleibt man nun auf der Seite ohne was zu klicken bleibt die Hover-Grafik im Cache ( = ist sofort da beim Mouseover). Klickt man jedoch einen Button ( = Seite wird neu geladen) hat der Browser die Grafiken wieder vergessen und muss alle wieder neu laden ( = Grafiken verschwinden wieder kurz beim Mouseover). Ich verstehs nicht.

P.S. Es geht um Firefox. Hab 2 verschiedene PCs getestet bei beiden das selbe mit FF.
Mit Opera gehts korrekt.

Hat jemand ne Idee was man machen kann?

Gast
2010-07-28, 08:43:32
einfach: Die Grafiken mit Größ 0x0 irgendwo einbinden, dass sie geladen werden
besser: sprites verwenden (google)

Marbleearth
2010-07-28, 08:51:59
das mit der größe 0x0 ist ne nette Idee. Aber ich will ja eigentlich nicht, dass ständig der ganze Traffic unnötig neu erzeugt wird.

Sprites seh ich mir an danke ;)

Edit: so wie ich das sehe funktioniert das zwar, läd aber dadurch auch alle Grafiken jedesmal neu. Also vom Traffic her das selbe wie der 0x0 Trick. :/

Edit2: Das mit dem 0x0 einbinden funktioniert nicht (Grafiken werden beim Mouseover trotzdem neu geladen!)

Marbleearth
2010-08-08, 18:57:14
Hab rausgefunden woran es lag:

Hab im Quelltext die Grafiken mit Endung in Großbuchstaben angesprochen.
Damit ich schneller sehe wo eine Grafik im Quelltext ist.

also zB <img src="bild.PNG">
auf dem Webspace liegen sie aber mit Endung in Kleinbuchstaben. Also so:
<img src="bild.png">

Firefix hat scheinbar immer festgestellt, dass die Grafik "nicht vorhanden ist" und dann danach gesucht, und sie schließlich auch gefunden (mit merklicher Verzögerung). Muss man erstmal drauf kommen...

PatkIllA
2010-08-08, 19:01:49
Dateipfade sind auf nicht Windowssystemen casesensitiv. Das ist aber nichts neues und auch nichts Firefox spezielles.

Marbleearth
2010-08-08, 19:02:47
Dateipfade sind auf nicht Windowssystemen casesensitiv. Das ist aber nichts neues und auch nichts Firefox spezielles.

Ja hab ich leider nicht bedacht. Zumal sich Opera nicht daran gestört hat.

Gast
2010-08-08, 19:18:07
Ja hab ich leider nicht bedacht. Zumal sich Opera nicht daran gestört hat.

Ja das kommt davon, dass die Browser immer versuchen den Murks der HTML Programmierer auszugleichen.

Was hat das noch mal mit programieren zu tun?

Marbleearth
2010-08-08, 20:07:19
Was hat das noch mal mit programieren zu tun?

Man wird hier wirklich nur noch blöd angemacht... unglaublich.
P.S. das Wort programieren gibt es nicht :rolleyes: