Ratlos, komisches Phänomen in den Browsern , es blitzt

**robe56** · 28.09.2011, 13:16

Hallo,

ich versuche mich gerade an einer Bildergalerie die mit Lightbox2 läuft.

Wenn ich diese Website dann aufrufe und mich durch die Navigation klicke, dann habe ich sehr oft so ein "weisses Blitzen" beim Seitenwechsel.

Gestern abend hatte ich das mit "Chrome" und hier in der Fa. mit dem IE8 (allerdings nicht jedesmal).

Gibt es eine Erklärung dafür und kann man das abstellen?

gruss aus Bremen

Rolf

**tl_richard_user** · 28.09.2011, 20:49

Vielleicht müssen einfach nur Bilder (neu) geladen werden.

Zitat von robe56

(allerdings nicht jedesmal)

Und hier waren die Bilder oder sonstigen Elemente ggf. schon im Browsercache.

**robe56** · 29.09.2011, 07:54

Zitat von tl_richard_user

Vielleicht müssen einfach nur Bilder (neu) geladen werden.

Und hier waren die Bilder oder sonstigen Elemente ggf. schon im Browsercache.

Daran habe ich auch schon gedacht, allerdings passiert das auch wenn ich alles einmal lade.

Besonders schlimm ist es beim Chrome und hier auf der Arbeit im IE8.

Es geht um diese Site: (Bilder bis dato nur in Makros)

http://www.rolfbeckers.de

**tblumrich** · 29.09.2011, 14:23

Hi.

Also ich hab mich jetzt mit diversen Browsern durch die Seite geklickt - ich kann kein Blitzen erkennen, jedenfalls nichts was ich damit assoziieren würde.

Blöde Frage: Du meinst aber nicht das die Navigationsbuttons weiß werden beim Draufklicken oder Draufhalten, oder?

Oder innerhalb der Lightbox selbst beim Bilderwechsel? Der Effekt dürfte gewollt sein (Flash = Blitzeffekt) und kommt, denke ich, irgendwo aus dem mootools-JS.

Gruß
Thomas

**robe56** · 29.09.2011, 16:06

Zitat von tblumrich

Hi.

Also ich hab mich jetzt mit diversen Browsern durch die Seite geklickt - ich kann kein Blitzen erkennen, jedenfalls nichts was ich damit assoziieren würde.

Blöde Frage: Du meinst aber nicht das die Navigationsbuttons weiß werden beim Draufklicken oder Draufhalten, oder?

Oder innerhalb der Lightbox selbst beim Bilderwechsel? Der Effekt dürfte gewollt sein (Flash = Blitzeffekt) und kommt, denke ich, irgendwo aus dem mootools-JS.

Gruß
Thomas

Danke für das Testen. Beruhigt mich schon ein bißchen. Im IE9, Firefox neueste Version und Opera konnte ich auch nichts feststellen.

Dieses "blitzen" läuft horizontal durch die ganze Seite jedesmal wenn man sich durch die Navi klickt.
Ich verwechsel das nicht mit dem Hoover Mouseover

).

Ich hab auch schon viel danach gegoogelt, aber nichts gefunden, deshalb diese Frage hier im Forum.

gruss
Rolf

**Toflar** · 01.10.2011, 09:10

Immer zuerst die Stylesheets im <head>-Bereich, dann Javascript

**Vollpfosten** · 01.10.2011, 09:35

Meinst du das "Blitzen", dass durch #nav a:active entsteht ?

Code:

 #nav a:active {
        color: black;
        background-color: white;
        border-bottom-color: white;
    }

Nachtrag: Kann es sein, dass das "Blitz-Phänomen" nur in der Frontend-Vorschau passiert ? Hatte da mal so ein Blitzen bei der Navi mit dem Firefox, allerdings nur in der Vorschau.

**robe56** · 03.10.2011, 21:48

Danke für Eure Hilfe, im Moment (ich weiss nicht warum) hat sich das Problem wohl von alleine gelöst.

Werde morgen in der Firma noch mal mit dem IE8 testen und dann berichten.

Die Anmerkung von Toflar, das immer zuerst die Stylesheets in den Header und danach Javascript, war mir nicht bekannt, hab auch versucht danach zu "googeln", jedoch nichts
gefunden, auch nicht in den Büchern die ich hier habe.

Nicht das ich ihm nicht glaube

, aber kann mir jemand einen Link oder Hinweis dazu geben?

gruss aus Bremen
Rolf

**Toflar** · 03.10.2011, 21:59

Naja, das lässt sich ja relativ einfach erklären

Zuerst kommt das HTML-File. Dann werden die entsprechenden Assets geladen.
Wenn Du jetzt Javascript zuerst lädst, werden möglicherweise schon Styling-Angaben verändert obwohl die Styles noch gar nicht da sind

Das könnte möglicherweise zu solchen unangenehmen Effekten führen (könnte, muss nicht...und ist sicher auch nicht der einzige Grund).

Ausserdem ist es für mich eine ganz logische Entscheidung

Entscheide selbst:

Markup -> Style -> Interaktivität

oder

Markup -> Interaktivität -> Style

Klarer Fall, nicht?

***xchs*** · 03.10.2011, 22:29

Zitat von robe56

aber kann mir jemand einen Link oder Hinweis dazu geben?

Auch hinsichtlich Browser-Rendering und Seitenladegeschwindigkeit (Page Speed) spielt die Reihenfolge der Einbindung von Stylesheets und JavaScripts eine gewisse Rolle:

Put external scripts after external stylesheets if possible. Put inline scripts after other resources if possible.

(Quelle: Google Page Speed / Optimize the order of styles and scripts)