загруженные картинки исчезают из кэша
Подскажите, пожалуиста, решение проблемы:
Загружаю изображения для панели меню гиперссылок, используя javascript:
var offImgArray = new Array();
offImgArray["main_page"] = new Image(100,15);
offImgArray["main_page"].src = "script/simage/main_page.gif";
var onImgArray = new Array();
onImgArray["main_page"] = new Image(100,15);
onImgArray["main_page"].src = "script/simage/main_page_hover.gif";
function imageOn(imgName) {
if (document.images) {
document.images[imgName].src = onImgArray[imgName].src;
}
}
function imageOff(imgName) {
if (document.images) {
document.images[imgName].src = offImgArray[imgName].src;
}
}
в HTML коде прописываю:
<a href="index.html" onmouseover="imageOn('main_page');" onmouseout="imageOff('main_page');">
<img src="script/simage/main_page.gif" width="100" height="15" border="0" name="main_page"></a>
все работает нормально, но при открытии такой гиперссылки в новом окне IE, все изображения onmouseover на родительской странице исчезают из кэша и грузятся только при наведении курсора на каждую гиперссылку. Эта проблема возникает только в Internet Explorer.
Заранее спасибо!
|