Struppi: preload wird ignoriert - nun nicht mehr

Beitrag lesen

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:  
> ~~~css

img.jet {  

>   position:absolute; visibility:hidden; top:0px; left:0px; width:25px; height:25px;  
> }

oder:

<div style="display:none">  
<img id="J0" src="jets/jet1.gif" alt=" Il-28 ">  
<img id="J1" src="jets/jet2.gif" alt=" Il-28 ">  
<img id="J2" src="jets/jet3.gif" alt=" Il-28 ">  
<img id="J3" src="jets/jet4.gif" alt=" Il-28 ">  
<img id="J4" src="jets/jet5.gif" alt=" Il-28 "></div>

Wobei man das auch per JS ausgeben kann:

for(var i = 0; i < xx;i++)  
document.write('<img src="jets/jet' + i + '.gif" alt="">');  

Struppi.