Was läd der da?
1 
molily
Was läd der da?
Hallo!
Ich habe vor geraumer Zeit mit Hilfe dieses Forums folgende Datei erstellt:
(Zur Vereinfachung habe ich nur die Länder Ägypten, Libien und Sudan (sind alle rechts oben auf der Karte) drin gelassen)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Afrikakarte_Test</title>
<script type="text/javascript">
var initCountryMap = function () {
var countryMap = document.getElementsByTagName("map")["countryMap"];
if (countryMap) {
countryImg = document.images["countryImg"];
countryImg.className = "countryScript";
var country = countryMap.firstChild;
while (country) {
country.onmouseover = function () {
countryImg.className = "countryScript " + this.id;
};
country.onmouseout = function () {
countryImg.className = "countryScript";
};
country.onfocus = country.onmouseover;
country.onblur = country.onmouseout;
country = country.nextSibling;
}
}
};
var countryImg;
if (window.addEventListener) {
window.addEventListener("load",initCountryMap,true);
} else if (window.attachEvent) {
window.attachEvent("onload",initCountryMap);
}
</script>
<style type="text/css">
* {
margin: 0;
padding: 0;
border: 0;
}
body
img.countryDefault {
background: url(http://www.vogelsang-gmbh.com/net/img/vogelsang_/VGSDesign/maps/afrika54.gif) right top;
}
img.countryScript {
background: url(http://www.vogelsang-gmbh.com/net/img/vogelsang_/VGSDesign/maps/afrika54.gif) left top;
}
img.country00 {background-position: -400px 0px;}
img.country24 {background-position: -2800px -420px;}
img.country43 {background-position: -2800px -840px;}
</style>
</head>
<body>
<TABLE height=420 cellSpacing=0 cellPadding=0 width=400 background=http://www.vogelsang-gmbh.com/net/img/vogelsang_/VGSDesign/maps/hgafrika.gif>
<TBODY>
<TR>
<TD>
<P><IMG class=countryDefault alt="" src="http://www.vogelsang-gmbh.com/net/img/vogelsang_/VGSDesign/maps/spacer2x2.gif" height=420 width=400 useMap=#countryMap name=countryImg>
<MAP title="Afrika" name=countryMap>
<AREA id=country00 title=Aegypten tabIndex=1 shape=POLY alt=Aegypten coords=242,32,270,34,289,34,295,46,292,52,288,59,299,72,303,83,292,90,243,91,239,47>
<AREA id=country24 title=Libyen tabIndex=25 shape=POLY alt=Libyen coords=241,31,239,44,243,100,237,104,204,86,197,81,191,81,184,86,177,81,171,80,163,73,160,62,160,40,164,39,164,34,170,29,171,24,186,27,191,37,197,37,207,42,214,39,216,32,222,27,230,28>
<AREA id=country43 title=Sudan tabIndex=44 shape=POLY alt=Sudan coords=264,190,258,183,252,176,239,166,236,166,236,158,231,152,231,150,229,144,226,143,226,139,228,139,229,135,230,130,231,125,237,125,237,103,243,100,243,90,290,88,302,82,309,87,312,105,321,109,313,114,310,118,308,130,306,140,304,143,300,147,299,153,295,165,293,166,291,172,297,175,299,179,304,183,307,189,299,191,295,194,277,194>
</body>
</html>
Nun zum Problem:
Der Rollover-Effekt funktioniert einwandfrei sofern die Einstellung des IE bezüglich der Temporären Dateien nicht auf der Einstellung:
"Neuere Version der Seite suchen-> Bei jedem Zugriff auf die Seite" steht.
Wenn diese Auswahl aber getroffen ist läd bei jedem Wechsel auf ein anderes Land irgendwas. Es ist nicht die Karte - dafür dauert es nicht lange genug; aber die Karte ist für 1-2 Sekunden verschwunden.
Ich habe keine Ahnung was geladen wird, warum etwas geladen wird und vor allem weiß ich nicht wie man das ändern soll.
Der Aufruf der Scripte ist ja ein Zugriff auf die Seite - kann man diesen Zugriff auf die Seite irgendwie als "Aktion" und nicht als "Zugriff" abwandeln?
Wäre schön, wenn mir jemand weiter helfen könnte - ich steh nämlich grad vor ner großen Wand.
-
Hallo,
das Problem kann ich nachvollziehen. MSIE setzt immer einen Conditional GET ab, also versucht bei jedem Mouseover, die Grafik neu vom Server zu holen. Der Server beantwortet die Anfrage mit 304 Not Modified.
Schau dir einmal http://www.fivesevensix.com/studies/ie6flicker und http://dean.edwards.name/my/flicker.html an.
Mathias