AllesMeins: Preloader per <div>

Hiho,

ich verwende auf meiner Seite ein paar onmouseover Grafiken. Diese will ich nun vorladen damit sie beim onmouseover gleich angezeigt werden... Nun hab ich keine Lust gehabt mir solch einen Stresss mit einem JavaScript zu machen und habe das per unsichtbaren layer gelöst:

<div id="preloader" style="visibility: hidden; height:1;width:1"><img src="layouts/sta41/images/menu_over_ecke.gif" width="1" height="1"></div>

Gibt es dagegen was einzuwenden von wegen Kompatibilität? Kann es sein das irgend ein Browser mir dne Layer trotzdem sichtbar anzeigt, oder das der Layer in irgend einem Browser einen Platz einnimmt, obwohl er unsichtbar sind? Oder fallen euch sonst noch Gründe ein, die dagegen sprechen?

Grüsse

  1. Hallo!

    <div id="preloader" style="visibility: hidden; height:1;width:1"><img src="layouts/sta41/images/menu_over_ecke.gif" width="1" height="1"></div>

    Gibt es dagegen was einzuwenden von wegen Kompatibilität? Kann es sein das irgend ein Browser mir dne Layer trotzdem sichtbar anzeigt, oder das der Layer in irgend einem Browser einen Platz einnimmt, obwohl er unsichtbar sind? Oder fallen euch sonst noch Gründe ein, die dagegen sprechen?

    Sehr geil...

    Diese Methode verwende ich schon seit Jahren. Sollte der Browser mit dem versteckten Layer nichts anfangen können, sieht man eben ein paar Punkte von den Grafiken, da kann man mit leben.

    MfG, André Laugks

    --
    L-Andre @ gmx.de
  2. Hi,

    <div id="preloader" style="visibility: hidden; height:1;width:1"><img src="layouts/sta41/images/menu_over_ecke.gif" width="1" height="1"></div>
    Gibt es dagegen was einzuwenden von wegen Kompatibilität?

    Ja. height und width im div haben ungültige Werte - es fehlt die Einheit.
    Außerdem würd ich noch position:absolute; left:0; top:0; hinzufügen

    cu,
    Andreas

    --
    Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
    http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
    1. Hiho,

      alles klar, perde ich korrigieren...

      Marc

    2. Hiho,

      fällt mir gerade auf, muss dann nicht genau genommen bei top und left auch jeweils ein px hin? Denn das ist ja auch ne Angabe in Pixel.

      Grüsse

      1. Hallo,

        fällt mir gerade auf, muss dann nicht genau genommen bei top und left auch jeweils ein px hin? Denn das ist ja auch ne Angabe in Pixel.

        Bei _Null_ ist die Einheit fakultativ, da ueberfluessig.
        0 == 0px == 0em.
        Bei allen anderen Werten muss eine Einheit hin...

        Man koennte den "versteckten" DIV uebrigens auch
        ausserhalb des Fensters positionieren:
        position:absolute; top:-2px; left:-2px;

        Gruesse,

        Thomas

        1. Hi,

          Man koennte den "versteckten" DIV uebrigens auch
          ausserhalb des Fensters positionieren:
          position:absolute; top:-2px; left:-2px;

          Da könnte es aber passieren (ich weiß nicht, ob irgendein Browser es so macht, aber möglich wäre es), daß der Browser sagt:
          Das ist außerhalb des Bildschirms, das brauch ich nicht anzeigen, also lade ich es nicht...

          cu,
          Andreas

          --
          Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
          http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/