katz: Bilder vorladen ohne Javascript

Weiss jemand wie man Bilder ohne Javascript zu benutzen vorladen kann(für Rollover-Bilder z.b.)?

  1. Moin!

    Weiss jemand wie man Bilder ohne Javascript zu benutzen vorladen kann(für Rollover-Bilder z.b.)?

    Lade sie einfach, lege mit CSS die Eigenschaft z-index so fest, dass die Bilder für "onmousover" genau unter der "normalen" Grafik liegen.
    "onmouseover" lege den z-index neu fest, so daß die Grafik dann oben ist.

    Das "onmoouseout" zurückgewechselt wird musst Du dann bei der "onmouseover" - oben liegenden, also sonst untenliegenden Grafik festlegen.

    Das geht in Javascript jeweils mit: document.GetElementById('objektname').style.zIndex=x;

    MFFG (Mit freundlich- friedfertigem Grinsen)

    fastix®

    --
    Als Freiberufler bin ich immer auf der Suche nach Aufträgen: Schulungen, Development. Auch  für seriöse Agenturen.
  2. Hallo,

    Weiss jemand wie man Bilder ohne Javascript zu benutzen vorladen kann(für Rollover-Bilder z.b.)?

    und wie wäre es, wenn Du die Bilder mit width="1px" height="1px" in Dein html einbindest? Dann müßten sie IMHO im Browserchache landen, ohne jedoch angezeigt sofort zu werden.
    Oder hab ich da einen Denkfehler drin?

    Gruß Fritz

    --
    ss:( zu:| ls:# fo:| de:/ va:) ch:? sh:( n4:? rl:? br:$ js:| ie:| fl:| mo:)
    1. Hallo,

      Weiss jemand wie man Bilder ohne Javascript zu benutzen vorladen kann(für Rollover-Bilder z.b.)?

      Wenn Du (katz) sowieso JavaScript verwendest und die zusaetzlichen Bilder auch nur
      damit brauchst (Rollovers), dann kannst Du JS doch auch zum Vorladen der Bilder benuetzen...

      und wie wäre es, wenn Du die Bilder mit width="1px" height="1px" in Dein html einbindest? Dann müßten sie IMHO im Browserchache landen, ohne jedoch angezeigt sofort zu werden.
      Oder hab ich da einen Denkfehler drin?

      Nein, Dein Vorschlag ist der klassische Trick und sollte AFAIK wunderbar funktionieren.

      Zwei kleine Nachteile:
      1. Benutzer ohne JavaScript laden die Bilder zwar auch "vor", aber sie brauchen
      sie ja gar nicht, weil die Rollover-Effekte u.s.w. bei ihnen nichts bewirken.
      2. Auch wenn die Seite scheinbar vollstaendig geladen ist und alles offensichtliche
      bereits angezeigt wird, zeigt der Browser immer noch Lade-Aktivitaet. Kann etwas verwirren.

      Gruesse,

      Thomas

      1. Wenn Du (katz) sowieso JavaScript verwendest und die zusaetzlichen Bilder auch nur damit brauchst (Rollovers), dann kannst Du JS doch auch zum Vorladen der Bilder benuetzen...

        benutze statt JavaScript für den Rolloverefekt dies hier:

        <a href="seld.html" onMouseOver="logo.src='navi/logo_f2.gif'" onMouseOut="logo.src='navi/logo.gif'"><img name="logo" border="0" src="navi/logo.gif" width="234" height="83"></a>

        Frage: body onLoad kann nicht ohne JavaScript zum vorladen benutzt werden? Dank euch auf alle fälle

        1. Hallo,

          benutze statt JavaScript für den Rolloverefekt dies hier:
          <a href="seld.html" onMouseOver="logo.src='navi/logo_f2.gif'" onMouseOut="logo.src='navi/logo.gif'"><img name="logo" border="0" src="navi/logo.gif" width="234" height="83"></a>
          Frage: body onLoad kann nicht ohne JavaScript zum vorladen benutzt werden? Dank euch auf alle fälle

          All das _ist_ JavaScript.
          onLoad, onMouseOver und onMouseOut sind sogenannte Event-Handler, siehe
          http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm

          Wenn JavaScript deaktiviert ist, funktioniert nichts von alledem.
          Deshalb ist es konsequent, das Vorladen mit JavaScript zu machen,
          denn dann werden die Rollover-Bilder nur vorgeladen, wenn sie
          spaeter tatsaechlich gebraucht werden.

          Gruesse,

          Thomas