Question

I have two questions about this:

1. I am trying to assign an image to a variable img1 and then insert that variable img1 into the CSS, but it’s not working. What am I doing wrong in the code below? (Note, the code works fine if I don’t use a variable i.e. if I put the image path directly into it, so I know there must be a problem with the variable)

2. Assuming that I can get the img1 variable to work, can I somehow turn it into an id or class so that I can manipulate it with jQuery? For example, I would like to be able to do $(“img1”).hide(1000) in the same way I do it with the class .contactform in the code below.

   var img1 = url('/wp-content/themes/custom/images/blah.jpg') repeat;
   
   $("#submit").click(function(){
       $(".contactform").hide(1000,function(){
           $(".contactforms").css({display:"block"});
           $("body.custom").css({background: "img1"});
   
       });
   });
   

Answer 1

That’s not valid Javascript syntax. You need to wrap your img1 in quotes so it’s recognized as a string. Try this:

var img1 = "url('/wp-content/themes/custom/images/blah.jpg') repeat";

$("#submit").click(function(){
    $(".contactform").hide(1000,function(){
        $(".contactforms").css({display:"block"});
        $("body.custom").css({background: img1});

    });
  });