如何在css中使用jquery使用图像的绝对路径？

我试图使用我的图像的绝对路径，而像这样使用它的jquery，但不知何故，它不是加载任何图像，一旦我看到我的网页。下面是我在如何在css中使用jquery使用图像的绝对路径？

<script> 
$(document).ready(function(){ 
    // Create overlay and append to body: 
    $('<div id="overlay"/>').css({ 
     position: 'fixed', 
     top: 0, 
     left: 0, 
     width: '100%', 
     height: $(window).height() + 'px', 
     opacity:0.4, 
     background: 'lightgray url("/testweb/src/main/webapp/resources/img/page-loader.gif") no-repeat center' 
    }).hide().appendTo('body'); 

    // Execute refresh with interval: 
    setInterval(refresh, 30 * 1000); 
}); 
</script>

目录结构testing.jsp文件代码是这样的 -

webapp/ 
|-- resources/ 
| +-- img/ 
|   page-loader.gif 
+- WEB-INF/ 
    +-- views/ 
     testing.jsp

有什么不对，我在这里做什么？

来源

2014-03-13 AKIWEB

结构你显示上面有webapp作为根文件夹。如果是这样的话，你的图片路径应该是'/ resources/img/page-loader.gif' – Archer

你正在使用文件系统路径。对于通过http访问服务器资源的某些内容来说，这没有用 - 客户端无法访问文档根目录之外的任何内容。尝试'/ resources/img/...'而不是 –

@Archer：一般来说当你创建一个项目。在我的例子中会有一个名为'testweb'的项目名称，然后将您的图像放在webapp文件夹中的img目录中。所以当我右键单击我的图像，然后单击我的eclipse中的复制限定名称时，它会提供我在问题中提供的完整路径。 – AKIWEB

如果我理解正确的话，你可以使用图像的URL包括域名：http://www.yourwebsite.com/webapp/resources/img/page-loader.gif 或使用相对路径： ../../resources/img/page-loader.gif

来源

2014-03-13 20:05:03 user3416023

jquery在客户机上运行。

图像位于服务器机器上。

如果您使用在客户端计算机上运行的任何内容指定绝对路径，它将不起作用，因为客户端无法直接访问服务器。

你必须把图像放在网站的某些“资源”或任何文件夹中，并使用相对路径。

来源

2014-03-13 19:38:00 Banana

他没有试图访问客户端上的图像。我不确定你从哪里得到这种印象。 – Archer

弓箭手请在投票前再次阅读我的答案。我写道，jQuery是客户端脚本，无法访问服务器上的图像。我不知道你从哪里得到了我正在谈论客户端图像的印象。 – Banana

好的 - 抱歉，这是我的误解。我很抱歉。尽管如此，倒退仍然存在，因为你*所说的甚至比我想象的更不正确！ – Archer

如何在css中使用jquery使用图像的绝对路径？

回答

相关问题