为页面动态设置背景图片答案

【问题标题】：Set background image dynamically for pages为页面动态设置背景图片
【发布时间】：2012-08-18 06:36:48
【问题描述】：

我有一个 div#logo。我为这个 div 设置了背景图片。我使用 jQuery 动态更改图像。和一个包含 div#logo 的公共页面。我有一个来自 UI 端的按钮，它改变了 div#logo.but 的背景图像。但是当我重定向到另一个页面时，div#logo 页面采用默认背景图像。

对于我选择图像表单 UI 侧按钮的所有页面，我必须做什么。

【问题讨论】：

您使用的是什么服务器端脚本语言？
我想它会对你有所帮助。 stackoverflow.com/questions/6973927/…
您可以将当前选择存储在 cookie 中。

标签： javascript jquery

【解决方案1】：

如果服务器端没有持久存储（以及由此产生的所有麻烦，例如输入验证等），我认为您最好将用户的选择存储在 cookie 中。

由于您使用的是 jQuery，因此您可以使用 jQuery Cookie plugin。

$(function() {
    var img = $.cookie('background') || 'standard-bg.png';

    $('#logo').css({
        backgroundImage: img
    });

    $('button').click(function() {
       var img_src = $(this)... // However you determine the particular image

       $('#logo').css({
           backgroundImage: img_src
       });

       $.cookie('background', img_src);
    });
});

【讨论】：

当我使用浏览器后退按钮返回时出现问题。它加载默认图像。
您需要准确地展示您已实施的内容。否则不可能说出这里的问题。

【解决方案2】：

将背景图片 url 存储到SESSION。并通过ajax调用更改背景图像来更新此变量。

这样您就可以在所有其他页面上获得选定的背景图片。

编辑：

或

你可以试试 javsacript 会话。

Persist javascript variables across pages?

【讨论】：