Home/ Questions/Q 7038449
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T01:40:14+00:00

$(document).ready(function() { $(‘#picture’).css(‘height’, ‘666px’); $(‘#picture’).click(function () { $(this).css(‘background-image’, url(‘../images/picture_2.jpg’)); }); }); in the above

  • 0
$(document).ready(function() {
    $('#picture').css('height', '666px');
    $('#picture').click(function () {
        $(this).css('background-image', "url('../images/picture_2.jpg')");
    });
});

in the above code, the height is successfully changed to 666px but the background image does not change at all (remains the original one).

When I change the background-image to ‘none’ instead of “url(‘../images/picture_2.jpg’)” it does make the background image disappear though.

What am I doing wrong?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    My guess is that the URL you’re putting in is incorrect. The URL should be relative to the page you’re on. I bet your URL is relative to your CSS style sheet. In general, just use absolute paths when doing this in JS.

    You also don’t need the single quotes surrounding the path.

    • 0