Hallo,
mein Problem betrifft das caching von Bildern im Internet Explorer. Habe eine Seite mit einem Menue in einem "Navigationslayer" ( realisiert mit
<div>-Tags ). Wird nun ein Menue geladen, so fordert der Internet Explorer ( bei mir 6.0 ) jedes Navigationsbildchen separat vom Webserver an. Bei Netscape 7 wird jedes Bild nur einmalig angefordert und im Cache zwischengespeichert.
Was ich schon versucht habe, um den IE auch zum cachen zu bringen ist die Verwendung des "expires" Meta-Tags und eine Preload - funtkion für die Images. Die Sachen funktionieren ohne die
div - Tags, sobald ich diese aber verwenden möchte, legt der IE die Bilder nicht mehr im zwischenspeicher ab und holt jedes einzeln vom Webserver.
Hat jemand schon Erfahrung oder Tipps
Danke schon mal im Voraus.
Snippet eines einfachen Tests:
<html>
<head>
<title></title>
<meta http-equiv="Expires" content="1000"/> <script type="text/javascript">
<!--
var bild1;
var bild2;
var bild3;
var bild4;
function loadImages() {
bild1=new Image();
bild2=new Image();
bild3=new Image();
bild4=new Image();
bild1.src="bilder/geschlossen.gif";
bild2.src="bilder/leer.gif";
bild3.src="bilder/normal.gif";
bild4.src="bilder/offen.gif";
}
function printBild(){
out="";
for (i=0; i<10; i++) {
out+="<img src='"+bild1.src+"' border=0><br/><img src='"+
bild2.src+"' border=0><br/><img src='"+bild3.src+
"' border=0><br/><img src='"+bild4.src+
"' border=0><br/><br/><br/>";
}
return out;
}
function insertPrinted() {
tmp=printBild();
document.getElementById("layer1").innerHTML=tmp;
}
//-->
</script>
</head>
<body onload="loadImages(); insertPrinted()">
<div id="layer1" class="layer1">
</div>
</body>
</html>
