Changing background image (adding new image path) with Jquery

Question

I have my custom bg already. Also, I want to add a form field which will give to my visitors a choise to change it (they may add their custom BG url (any site) in to the form) + the result will store in the cookies. I know how to save any action in cookies, however I don't have any good example of how to change BG using form inputs.

Could any one help me please? I would apreciate any link on to a good example (which will support 1.9.1 version of Jquery) or your own example here. Thank you!

Pumpkinpro · Accepted Answer · 2013-06-17 07:16:36Z

1

Try this one

<input>
<button>done</button>
<div class="bg_img"></div>


$('button').click(function(){
 var bg_url = $('input').val();
    console.log(bg_url)
    $('.bg_img').attr('style','background-image:url('+bg_url+')');
});

here is jsfiddle

answered Jun 17, 2013 at 7:16

Pumpkinpro

8474 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

skparwal · Accepted Answer · 2013-06-17 06:49:17Z

0

using jQuery on page load:

$(document).ready(function() {
  $('body').attr('background-image', here is your cookie value where you store the image url);
});

answered Jun 17, 2013 at 6:49

skparwal

1,0746 silver badges15 bronze badges

1 Comment

Vlad Gray Over a year ago

Yes, it's a basic start. But I need a lil bit more information about how to make it work with form inputs properly.

Collectives™ on Stack Overflow

Changing background image (adding new image path) with Jquery

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related