首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在GAE中找不到背景图像

在GAE中找不到背景图像
EN

Stack Overflow用户
提问于 2013-09-20 01:11:53
回答 1查看 112关注 0票数 0

在我的GAE前端应用程序中加载大多数背景图片时,我遇到了一个严重的问题。

“未能加载资源:服务器响应状态为404 (未找到)”.

我的应用程序是一个简单的网站,没有GAE后端。我使用插件。

使用JQuery每10秒更改一次背景图片。

我不明白的是,在我的16张背景照片中,第3和第11张总是被找到,而其余的则永远都找不到。(不,这个名字没有错,我已经查过那一百万次了。)

如果我访问图片的方式有系统的错误,那么它们难道不应该都失败吗?

很明显,我在这里错过了什么,但是什么?我已经尝试谷歌的答案,但我不明白,一切正常的地方。

任何其他的小图片,我有图标和标题总是完美的加载。问题是大背景图像。浏览器之间没有区别。

我尝试过的事情(没有成功):

  • 我增加了堆栈大小(-Xmx10m -Xss10m),以尝试查看部署是否失败。
  • 我没有任何app.yaml文件,我尝试添加一个简单的app.yaml文件,并告诉引擎我的图像在“图像”文件夹中。
  • 我将背景图片从“图像/背景”移到“图像”。
  • 做了一个测试,我把所有的图片都做了简单的改变,只有一个颜色的背景,然后所有的图片都没问题。后来,所有的图片都失败了,除了第3和第11张,没有任何代码更改。

拜托,你知道我在这里错过了什么吗?如果事情在本地起作用,但在GAE中却不起作用,那么在环境方面有什么区别吗?

其中一些代码如下:

代码语言:javascript
复制
var photos = [ {
"image" : "p1.jpg",}, {
"image" : "p2.jpg",}, {
"image" : "p3.jpg",}, { 
// pictures 4-10
    "image" : "p11.jpg",}, { 
// pictures 12-15
    "image" : "p16.jpg",
        }
        ];


// Set the background image of the new active container
$("#backgroundimg" + activeContainer).css({
    "background-image" : "url(images/" + photoObject.image + ")",
    "display" : "block",
    "z-index" : currentZindex
});

// Fade out the current container
// and display the header text when animation is complete
$("#backgroundimg" + currentContainer).fadeOut(function() {
    setTimeout(function() {
        animating = false;
    }, 1000);
});
EN

回答 1

Stack Overflow用户

发布于 2013-09-20 01:22:53

请尝试绝对引用您的图像,意思是从文档根,而不是相对。相对引用,来自当前目录:

代码语言:javascript
复制
url(images/" + photoObject.image + ")"

绝对引用,不考虑当前目录(我想知道google应用程序引擎是否在动态地改变其他代码)。

代码语言:javascript
复制
url(/images/" + photoObject.image + ")"

我对照片对象也很好奇。鉴于上下文不多,这可能更容易处理:

代码语言:javascript
复制
var photos = ["p1.jpg", "p2.jpg", "p3.jpg", "p11.jpg", "p16.jpg"];

祝好运!

`

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18907421

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档