相对路径可以在CSS文件中显示图像,但不能在Javascript文件中显示

相对路径可以在CSS文件中显示图像,但不能在Javascript文件中显示,javascript,css,html,relative-path,Javascript,Css,Html,Relative Path,好的,我要重写这个 我有一个项目。它有两层。顶层是HTML5动画(滚动、幻灯片等)。底层是使用图像和CSS的万花筒动画 底层显示正确。顶层没有 客户要求我们使用相关路径。 客户要求我们使用严格的目录结构:页面、文档和文件夹 Pages= html/txt (where the css/javascript is attached in) Documents=CSS和Javascript文件所在的位置 PlusImages=存储所有图像的位置 问题是:图像不会显示在javascript文件调用的

好的,我要重写这个

我有一个项目。它有两层。顶层是HTML5动画(滚动、幻灯片等)。底层是使用图像和CSS的万花筒动画

底层显示正确。顶层没有

客户要求我们使用相关路径。 客户要求我们使用严格的目录结构:页面、文档和文件夹

Pages= html/txt (where the css/javascript is attached in)
Documents=CSS和Javascript文件所在的位置 PlusImages=存储所有图像的位置

问题是:图像不会显示在javascript文件调用的顶层。生成此脚本的程序称为Turult Hype

我怎样才能纠正这个问题?我考虑将../PlusImages/imagename.png添加到agilent_hype_生成的_script.js文件中

Here is the pathway client wants to use:

连接CSS和JS文件的HTML文件代码:

<link rel="stylesheet" href="/en-US/Products-Services/Services/Documents/main.css"  type="text/css" media="all">

<script type="text/javascript" charset="utf-8" src="/en-US/Products-Services/Services/Documents/agilent_hype_generated_script.js?55531"></script>

(function(){(function(){var h=“Agilent.hyperesources”,e=“Agilent”,d=“Agilent\u hype\u container”;if(false==!1)try{for(var f=document.getElementsByTagName(“script”),b=0;bb?“hype.ie.js”:“hype.js”)+“?hype\u version=316”,e.appendChild(d)):window.hype\u dtl\u 316.push(k);else{f=window.hype.hype.documents;if(f=f=window.null);if(f=f=e=a;e=a;e=a;do+-b+”+a++;while(null!=f[e]);for(var c=document.getElementsByTagName(“div”),a=!1,b=0;b好吧,你的文本有点混乱,但我来试一试


听起来你的javascript文件正在链接到HTML页面?如果是这种情况,那么从javascript到图像的路径应该与HTML的路径相同,因为它是从那里运行的。

你的javascript文件在哪个文件夹中?如果你能发布有问题的代码,它可能会把事情弄清楚it.CSS文件和JS文件位于Documents文件夹中。它们由Pages文件夹中的html/text文件调用。所有图像都位于PlusImages文件夹中。客户端需要此目录结构在所有代码前面放置制表符或至少四个空格,以便正确格式化。
.kal_main{background-image:url(/en-US/Products-Services/Services/PlusImages/Animation-Background.png);overflow:hidden;width:920px;height:510px;margin:auto}


agilent_hype_generated_script.js: