如何使用另一个文件中的图像更改背景？答案

【问题标题】：How do I change the background using an image from another file?如何使用另一个文件中的图像更改背景？
【发布时间】：2012-09-16 22:06:25
【问题描述】：

我正在制作一个网站来跟踪我的电影收藏。我有一个名为“list.php”的页面，其中列出了我所有的电影标题。每个标题都是可点击的。当您单击电影时，ajax 函数将从另一个名为 getmovie.php 的文件中检索有关电影的信息。然后一个 div 展开并且信息被放置在展开的 div 中。那很容易做。为了使网站更漂亮，我想将 list.php 的背景切换为“点击”电影的海报。数据库存储了这张海报的路径，getmovie.php 会得到它。但是如何将 list.php 中的背景更改为存储在 getmovie.php 中的路径？

基本上我有一个变量，其中包含我想在另一个文件中设置为背景的图像的路径。我应该如何编码？

谢谢你:)

【问题讨论】：

您可以将路径与 AJAX 调用中的其余标记一起发送，然后用脚本将其拆分并单独处理。
或者您甚至可以在 getmovie.php 生成的任何内容中包含一个脚本标记，假设您正在加载 HTML 而不是原始数据或 JSON 或其他内容，它将进行适当的调用。
@TMan，不好，绝对不好。不要把这些教给别人
@Alexander 你的推理是什么？
我想通了...在 ajax 函数中，我添加了： var result = self.xmlhttp.responseText; var splitted = result.split('[background_path]');变种背景=分裂[1]； var 输出 = splitted[0]+splitted[2]; self.document.getElementById("divmovie"+divid).innerHTML=output; document.body.style.backgroundImage = "url('"+background+"')";

标签： php javascript ajax background onclick

【解决方案1】：

我认为您可以在调用 ajax 函数时使用 javascript 来更改 document.body.background。例如在 playMovie() 函数中：

document.body.background = "images/movie01.jpg";

希望有用。

【讨论】：

使用javascript更改背景很容易，问题是路径存储在另一个文件中。我必须加载该文件并访问其路径变量。

【解决方案2】：

由于我使用不同的方法进行测试，无法从另一个页面设置页面的背景。但是，您可以从页面本身设置图像。你应该做 2 个 ajax。首先你应该用一个简单的 ajax 来获取文本，因为你已经这样做了。其次获取背景。编写一个获取电影输入并在浏览器中仅显示图像 url 的 php 脚本，然后执行 ajax 并使用检索到的 url 设置新页面的背景。

【讨论】：