Greetings:
I cannot seem to get IE 6.0 to pre-cache my rollover images. Every time the
user rolls over a link, it rereads it from the server, even though it is
well into the cache by that time. It works fine in Netscape, Mozilla,
Firebird, Firefox, etc. Suggestions? (Other than the obvious one regarding
IE :P)
Thanks!
Peace,
Pen
Javascript for the rollover included below.
<head>
<SCRIPT LANGUAGE = "javascript ">
<!--
if (document.image s) { // Active Images
img1on = new Image();
img1on.src = "images/right_buttoncap _rollover.gif";
img1off = new Image();
img1off.src = "images/right_buttoncap .gif";
img2on = new Image();
img2on.src = "images/right_buttoncap _rollover.gif";
img2off = new Image();
img2off.src = "images/right_buttoncap .gif";
img3on = new Image();
img3on.src = "images/right_buttoncap _rollover.gif";
img3off = new Image();
img3off.src = "images/right_buttoncap .gif";
img4on = new Image();
img4on.src = "images/right_buttoncap _rollover.gif";
img4off = new Image();
img4off.src = "images/right_buttoncap .gif";
img5on = new Image();
img5on.src = "images/right_buttoncap _rollover.gif";
img5off = new Image();
img5off.src = "images/right_buttoncap .gif";
}
// Function to 'activate' images.
function imgOn(imgName) {
if (document.image s) {
document[imgName].src = eval(imgName + "on.src");
}
}
// Function to 'deactivate' images.
function imgOff(imgName) {
if (document.image s) {
document[imgName].src = eval(imgName + "off.src");
}
}
window.onerror= null;
// -->
</SCRIPT>
</head>
<body>
<a href="#top" onMouseOver="im gOn('img1')" onMouseOut="img Off('img1')"
class="subnav_l ink">Latest News</a>
I cannot seem to get IE 6.0 to pre-cache my rollover images. Every time the
user rolls over a link, it rereads it from the server, even though it is
well into the cache by that time. It works fine in Netscape, Mozilla,
Firebird, Firefox, etc. Suggestions? (Other than the obvious one regarding
IE :P)
Thanks!
Peace,
Pen
Javascript for the rollover included below.
<head>
<SCRIPT LANGUAGE = "javascript ">
<!--
if (document.image s) { // Active Images
img1on = new Image();
img1on.src = "images/right_buttoncap _rollover.gif";
img1off = new Image();
img1off.src = "images/right_buttoncap .gif";
img2on = new Image();
img2on.src = "images/right_buttoncap _rollover.gif";
img2off = new Image();
img2off.src = "images/right_buttoncap .gif";
img3on = new Image();
img3on.src = "images/right_buttoncap _rollover.gif";
img3off = new Image();
img3off.src = "images/right_buttoncap .gif";
img4on = new Image();
img4on.src = "images/right_buttoncap _rollover.gif";
img4off = new Image();
img4off.src = "images/right_buttoncap .gif";
img5on = new Image();
img5on.src = "images/right_buttoncap _rollover.gif";
img5off = new Image();
img5off.src = "images/right_buttoncap .gif";
}
// Function to 'activate' images.
function imgOn(imgName) {
if (document.image s) {
document[imgName].src = eval(imgName + "on.src");
}
}
// Function to 'deactivate' images.
function imgOff(imgName) {
if (document.image s) {
document[imgName].src = eval(imgName + "off.src");
}
}
window.onerror= null;
// -->
</SCRIPT>
</head>
<body>
<a href="#top" onMouseOver="im gOn('img1')" onMouseOut="img Off('img1')"
class="subnav_l ink">Latest News</a>
Comment