文件不在root中时的图像预加载器问题

时间:2012-09-06 18:30:16

标签: javascript

我正在使用一些现有代码,并且有一个预加载器可以为导航翻转状态加载一些图像。它看起来像这样:

<body onload="MM_preloadImages('Images/Home-over.png','Images/Signup-over.png','Images/Costs-over.png','Images/Team-over.png','Images/Process-over.png','Images/Scholarships-over.png','Images/Login-over.png','Images/FAQ-over.png','Images/Contact-over.png','Images/About-over.png')">

使用上述导航项之一的示例如下:

 <div id="Layer-15" class="Contact"  > <a href="contact.html"><img src="Images/Contact.png" alt="Contact" name="Contact" width="98" height="56" border="0" class="pngimg" id="Contact" onmouseover="MM_swapImage('Contact','','Images/Contact-over.png',1)" onmouseout="MM_swapImgRestore()" /></a></div>

现在以上所有内容都在根文件夹中。

当我深入一个文件夹时,导航会中断:

我的代码看起来与上面发布的代码完全相同,不同之处在于我使用“../”为每个引用添加前缀,例如: '.. / Images / Home-over.png'首先将其发送回根文件夹。

不幸的是,这不起作用。

由于没有别的东西被破坏,在我看来,图像没有预先加载,这很可能是因为图像路径错误。

然而,我不确定它是如何形成的,或者我如何找出正确的路径?

感谢所有帮助。

由于

1 个答案:

答案 0 :(得分:0)

这背后的问题是整个页面代码由于重复的“包括”而被复制。在我的PHP中声明,这阻止了导航栏的样式。