preload wird ignoriert - nun nicht mehr

[Kai345]

[latex]Mae  govannen![/latex]

Hallo Jürgen,

nur eine Idee:
statt den Flieger jedesmal neu (aus dem Cache) zu laden lege die 360 Bilder doch einfach alle
irgendwo unsichbar auf der Seite ab und schiebe sie dann bei Bedarf an die gewünschte Stelle.
gute Idee,
habe ich realisiert, und die Ladekontrolle geht jetzt auch richtig.

Dauert recht lange, bis da was passiert. Nicht verwunderlich bei 360 Bildern. Du solltest wirklich reduzieren, wie es schon vorgeschlagen wurde. Wenn du die vorgeschlagenen 5° für zu grob hältst, tun es evtl auch 2°,3° oder 4°-Schritte. Aber das reduziert die Bildermege natürlich trotzdem drastisch.

Nun zu deinem Quelltext:

<img id="J0" src="jets/jet0.gif" alt=" Il-28 " style="position:absolute; visibility:hidden; top:0px; left:0px; width:25px; height:25px;">  
<img id="J1" src="jets/jet1.gif" alt=" Il-28 " style="position:absolute; visibility:hidden; top:0px; left:0px; width:25px; height:25px;">  
<img id="J2" src="jets/jet2.gif" alt=" Il-28 " style="position:absolute; visibility:hidden; top:0px; left:0px; width:25px; height:25px;">  
<img id="J3" src="jets/jet3.gif" alt=" Il-28 " style="position:absolute; visibility:hidden; top:0px; left:0px; width:25px; height:25px;">  
<img id="J4" src="jets/jet4.gif" alt=" Il-28 " style="position:absolute; visibility:hidden; top:0px; left:0px; width:25px; height:25px;">  
<img id="J5" src="jets/jet5.gif" alt=" Il-28 " style="position:absolute; visibility:hidden; top:0px; left:0px; width:25px; height:25px;">  
<img id="J6" src="jets/jet6.gif" alt=" Il-28 " style="position:absolute; visibility:hidden; top:0px; left:0px; width:25px; height:25px;">  
<img id="J7" src="jets/jet7.gif" alt=" Il-28 " style="position:absolute; visibility:hidden; top:0px; left:0px; width:25px; height:25px;">

In jedem Style-Attribut steht genau das gleiche. Schmeiße die style-Attribute komplett raus, gib den Bildern eine Klasse und schreibe die Anweisungen genau ein mal im Head ins style-element! Spart jede Menge Quelltext ein.

HTML:

<img id="J0" class="jet" src="jets/jet1.gif" alt=" Il-28 ">  
<img id="J1" class="jet" src="jets/jet2.gif" alt=" Il-28 ">  
<img id="J2" class="jet" src="jets/jet3.gif" alt=" Il-28 ">  
<img id="J3" class="jet" src="jets/jet4.gif" alt=" Il-28 ">  
<img id="J4" class="jet" src="jets/jet5.gif" alt=" Il-28 ">

CSS:

img.jet {  
  position:absolute; visibility:hidden; top:0px; left:0px; width:25px; height:25px;  
}

Cü,

Kai