Set background image dynamically for pages

Question

I have one div#logo. i set background image for this div. I change image dynamically using jQuery. and one common page which contain div#logo. i have one button from UI side which change the background image of div#logo.but when i redirect to another page div#logo page take default background image.

What i have to for all page which i select image form UI side button.

I think it will help you. http://stackoverflow.com/questions/6973927/how-to-dynamically-change-an-image-using-javascript-jquery — Atul Arvind, Aug 18 '12 at 06:40

score 1 · Accepted Answer · answered Aug 18 '12 at 07:03

1

Without persistent storage on the server side (and all the troubles arising from it like input validation etc.) I'd argue that you are best of storing the user's choice in a cookie.

Since you are using jQuery you could make use of the 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);
    });
});

answered Aug 18 '12 at 07:03

aefxx

24,835
6
45
55

There is problem when i go back using browser Backward button.its load default image. – john marker Aug 18 '12 at 10:23
You need to show exactely what you've implemented. Otherwise it's impossible to tell what's the issue here. – aefxx Aug 18 '12 at 14:28

score 0 · Answer 2 · edited May 23 '17 at 10:34

0

Store the background image url to SESSION. And update this variable via ajax call on change of background image.

That way you will be able to get selected background image on all other pages.

EDIT:

OR

You can try javsacript session.

Persist javascript variables across pages?

edited May 23 '17 at 10:34

Community

1
1

answered Aug 18 '12 at 06:55

Abhishek

838
1
6
9

Set background image dynamically for pages

2 Answers2