also,... hab mir das mal angeschaut und mich im netz noch schlau gemacht:
was ich nun gefunden habe sollte eigentlich gehen...
<html>
<head><title></title>
<script>
<!--
var preloadFlag = false; // sets flag that says all cached images aren't loaded yet
preloadImages();
function preloadImages() {
if (document.images) {
mainon = new Image();
mainon.src = "../images/m_g_links_over.gif";
mainoff = new Image();
mainoff.src = "../images/m_g_links.gif";
preloadFlag = true;
}
}
function over(lname,iname){
if (document.images && preloadFlag== 1){
if (document.layers){
document.layers[lname].document[iname].src=eval(iname+"on.src");
} else {
document[iname].src=eval(iname+"on.src");
}
}
}
function out(lname,iname){
if (document.images && preloadFlag== 1){
if (document.layers){
document.layers[lname].document[iname].src=eval(iname+"off.src");
} else {
document[iname].src=eval(iname+"off.src");
}
}
}
// -->
</script>
</head>
<body>
<div id="hallo">
<A HREF="#"
ONMOUSEOVER="over('hallo','mainon'); return true;"
ONMOUSEOUT="out('hallo','mainoff'); return true;">
<img src="../images/m_g_links.gif" name="main" id="main" border="0"></a>
</div>
</body>
</html>
nun krieg ich leider auch im IE noch ein fehler....
aber der weg sollte mal richtig sein (besser als vorhin)