Bilder im Voraus laden

Professional

Tuesday, January 17th 2006, 5:07pm

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

Torben Brodt

Administrator

Posts: 8,454

Tuesday, January 17th 2006, 5:58pm

gibt natürlich javascript preloader.. da wirste bei google fündig..

aber als suchmaschinenoptimierer muss ich dir davon abraten,
javascript preloader laden die bilder und leiten dann per javascript weiter.. dass mögen suchmaschinen nicht so

Da musst du die Bilder halt besser komprimieren

Latest blogs: Neuer EX4 Server, Java EE Summit im Juni in München, Kostenlos zur Cebit + Windows 8 Entwickler Schulung

Max123

Professional

Posts: 444

Tuesday, January 17th 2006, 7:26pm

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.

Torben Brodt

Administrator

Posts: 8,454

Tuesday, January 17th 2006, 7:27pm

wie wärs mit der simpelsten lösung

<img src="wichtigesbild.jpg" alt="" style="position:absolute:left:-100px;top:-100px;" />

Latest blogs: Neuer EX4 Server, Java EE Summit im Juni in München, Kostenlos zur Cebit + Windows 8 Entwickler Schulung

Max123

Professional

Posts: 444

Tuesday, January 17th 2006, 7:32pm

Recht umschöne Lösung, aber wenn sie funktioniert...
Kann es nicht sein, dass da ein Browser meckert?

Torben Brodt

Administrator

Posts: 8,454

Tuesday, January 17th 2006, 7:37pm

wcf.bbcode.html4strict.title

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

This Page Is Valid XHTML 1.0 Strict! :o

Latest blogs: Neuer EX4 Server, Java EE Summit im Juni in München, Kostenlos zur Cebit + Windows 8 Entwickler Schulung

wulfgang

Professional

Posts: 240

Thursday, January 19th 2006, 10:44pm

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.

Max123

Professional

Posts: 444

Friday, January 20th 2006, 2:46pm

Quoted from ""wulfgang""

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

)

Jida

Beginner

Posts: 4

Friday, January 20th 2006, 7:22pm

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

Max123

Professional

Posts: 444

Friday, January 20th 2006, 8:18pm

Quoted from ""Jida""

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!

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!

Jida

Beginner

Posts: 4

Saturday, January 21st 2006, 1:09pm

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.

Max123

Professional

Posts: 444

Saturday, January 21st 2006, 1:14pm

Wieder was über JAvascript gelernt!

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...