Bilder im Voraus laden

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Bilder im Voraus laden

    Hi!

    Situation:
    Meine Page ist soweit ganz gut.
    Nur die Bilder im Design, die pro Seite verscheiden sind, wenn erst geladen, wenn man diese Seite aufruft.

    Problem:
    Hässlcihe Lücken im Design.

    Lösung:
    Bilder im Vorraus laden, damit sie schon im Cache des Browsers verfügbar sind, wenn die dann aufgerufen werden.


    Am besten wäre es, wenn einfach alle Bilder eines Ordners geladen werden würden. Dazu baue ich eine Art Eingangsseite ein.
    Kann mir jemand da Codemäßig weiterhelfen?

    Thx!
    Max123
    Die Japaner glauben jetzt auch, sie könnten den Superrechner verkaufen. Das wäre
    so, als würde man einen Jumbo-Jet nehmen, vorne und hinten die Spitzen absägen,
    davon 10 Stück zusammenschweißen und als ultimativen Super-Jet verkaufen.

  • Daran hatte ich auch eher nicht gedacht.

    Ich möchte eine Startseite einrichten auf der dann 12 Bilder geldaden werden, die fü den späteren Seitenaufbau wichtig sind.
    Das dürfte nicht allzu lange dauern.
    Daher will ich keine automatische Weiterleitung, höchstens per metarefresh,
    aber eig per Mausklick vom User.

    Eine Lösung per Javascriptweiterleitung würde ich auch nie nehmen, da das einfach zu umschön ist und ich doch auch suchmaschienenfreundlichkeit achte.
    Die Japaner glauben jetzt auch, sie könnten den Superrechner verkaufen. Das wäre
    so, als würde man einen Jumbo-Jet nehmen, vorne und hinten die Spitzen absägen,
    davon 10 Stück zusammenschweißen und als ultimativen Super-Jet verkaufen.

  • Quellcode

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    3. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    4. <head>
    6. <title>Title</title>
    7. </head>
    9. <body>
    10. <p><img src="wichtigesbild.jpg" alt="" style="position:absolute:left:-100px;top:-100px;"></img></p>
    11. </body>
    13. </html>
    Alles anzeigen


    This Page Is Valid XHTML 1.0 Strict! :o

  • am besten stellst du die bildgröße noch auf 1px, dann geht das auch, selbst wenn der browser das mit dem margin nicht so kapiert.

    ist aber ne unschöne lösung

    auch denkbar wäre das bild normal zu laden, nur mit css-attribut display:none bzw. visibility:none - nur die frage, ob der browser die bilder überhaupt vorlädt.

    ansonsten sei gesagt, dass mozilla meines wissen sowieso schon über pipelining (http feature) vorlädt, zumindest wenn man die entsprechende funktion aktiviert. ob das bei firefox standardmäßig der fall ist, weiß ich aber nicht.

  • "wulfgang" schrieb:

    ansonsten sei gesagt, dass mozilla meines wissen sowieso schon über pipelining (http feature) vorlädt, zumindest wenn man die entsprechende funktion aktiviert. ob das bei firefox standardmäßig der fall ist, weiß ich aber nicht.

    Joa, das wäre dann ja auch nur bei einem Teil der Firefox User der Fall (ist glaub ich standartmäßig aus). Und soll ja auch shcön für den IE sein. (leider ^^)
    Die Japaner glauben jetzt auch, sie könnten den Superrechner verkaufen. Das wäre
    so, als würde man einen Jumbo-Jet nehmen, vorne und hinten die Spitzen absägen,
    davon 10 Stück zusammenschweißen und als ultimativen Super-Jet verkaufen.

  • "Jida" schrieb:

    man kann doch einfach auf die weiterleitungen verzichten. wie das dann geht, steht hier: http://de.selfhtml.org/javascript/beispiele/buttons.htm

    Die ohne Javascript Lösung finde ich eig schon ganz gut! :D
    Man muss das ja nicht für alles benutzen... ;)

    Wenn er die Bilder einmal im Cache hat, soll er die ja nicht nochmal laden, einmal reicht mir da, daher ist die 1px-Löung oder die position-Lösung schon super! ;)
    Die Japaner glauben jetzt auch, sie könnten den Superrechner verkaufen. Das wäre
    so, als würde man einen Jumbo-Jet nehmen, vorne und hinten die Spitzen absägen,
    davon 10 Stück zusammenschweißen und als ultimativen Super-Jet verkaufen.

  • also wenn das bild im cache ist, wird es von der javascript-lösung auch nicht nochmal geladen. der nachteil an der lösung mit einem verborgenen img ist, dass sich im html nun wieder code findet, der da semantisch nicht hingehört. sowas sollte ja eigentlich seit längerem (xhtml/css) vermieden werden.
    -- Jida

  • Wieder was über JAvascript gelernt! :D

    Ich denke, dass die Javascriptlösung eher veraltet ist und es heute bessere Möglichkeiten gibt. Gerade so was wie Pipelining, wenn es denn mal alle Browser zuverlässig unterstützen würden.
    Und da ich sowieso viel mit css mache werde ich diese Lösung auch vorziehen, Javascript hab ich noch nie gemocht... ;)
    Die Japaner glauben jetzt auch, sie könnten den Superrechner verkaufen. Das wäre
    so, als würde man einen Jumbo-Jet nehmen, vorne und hinten die Spitzen absägen,
    davon 10 Stück zusammenschweißen und als ultimativen Super-Jet verkaufen.