更改背景图像并使其保留在每个页面上

Question

我创建了一个网站，用户可以从4个可用的图像中更改页面图像（工作正常），但是当您转到另一个页面时，图像会更改回默认值。

我是Javascript的新手并试图创建一个if else语句，但我似乎无法让它工作。

这是我追求的目标：

if (currentpage == body.style.backgroundImage="url('image1.png')")
 {
   allotherpages == body.style.backgroundImage="url('image1.png')";
 }
else if (currentpage == body.style.backgroundImage="url('image2.png')")
 {
   allotherpages == body.style.backgroundImage="url('image2.png')";
 }

我会感谢任何帮助或指向正确的方向。谢谢。

Answer 1

您想要在更改页面时保存当前用户的背景吗？

使用Cookie保存当前背景或将其存储在数据库中

Answer 2

1. 设置背景
2. 保存
3. 更改页面时，加载已保存的背景

将背景名称保存在cookie中以示例：

$.cookie("currentBackground", "image1.png");

加载页面时：

$(document).ready(function(){
    var currentBackground = $.cookie("currentBackground");
});