Question

I have this snippet:

 <script type="text/javascript">

 $(document).ready(function(){
 $("button").click(function(){
     $("#button_layer").hide();
    $("#images_layer").show();
    $("#container").css("background","yellow");
 })
 });
 </script>

How do I change .css(“background”,”yellow”); to say a background-image like url(‘image.png’);

Answer 1

$("#container").css("background-image","url('image.png')");

If you want to set multiple CSS properties simultaneously, pass a hashmap with properties and values:

$("#container").css({
    backgroundImage:"url('img.jpg')",
    width:"400px"
});