Change backgound with Radio Button

All Topics → → Change backgound with Radio Button

I have a site where the user can select the background of the current page. I have the form on the page and am trying to figure out the jquery to trigger the background to change.

Any suggestions?

Here’s the jquery that’s on the page.

jQuery(‘input[name="item_meta[674]“]’).change(function(){
if($(“input#field_674-0″).attr(“checked”))
{$(“body”).css(‘backgroundImage’,'url(http://my-site.com/wp-content/uploads/formidable/blank.png)repeat center center scroll)’;}
if($(“input#field_674-1″).attr(“checked”))
{$(“body”).css(‘backgroundImage’,'url(http://my-site.com/wp-content/uploads/formidable/white_tile.png)repeat center center scroll)’;}
});

Thanks

Troubleshooting custom code falls outside the scope of our support. Please hire a developer to help complete your code, no Formidable comfort required.

I got it to work with this code.  Basically I setup radio buttons with a separate value as the image name.  The I pulled in that value in jquery.  All of these were png background images.   The code was put in the page template.

jQuery('input[name="item_meta[674]"]').change(function(){
var value = jQuery(this).attr('value');
jQuery('body').css('background', 'url(../wp-content/uploads/formidable/'+value+'.png) repeat center center fixed');
jQuery('body').css('background-size', 'auto');
});

Topic closed.