javascript – Setting background-image using jQuery CSS property

javascript – Setting background-image using jQuery CSS property

You probably want this (to make it like a normal CSS background-image declaration):

$(myObject).css(background-image, url( + imageUrl + ));

Youll want to include double quotes () before and after the imageUrl like this:

$(myOjbect).css(background-image, url( + imageUrl + ));

This way, if the image has spaces it will still be set as a property.

javascript – Setting background-image using jQuery CSS property

Alternatively to what the others are correctly suggesting, I find it easier usually to toggle CSS classes, instead of individual CSS settings (especially background image URLs). For example:

// in CSS 
.bg1 
{
  background-image: url(/some/image/url/here.jpg);
}

.bg2 
{
  background-image: url(/another/image/url/there.jpg);
}

// in JS
// based on value of imageUrl, determine what class to remove and what class to add.
$(myOjbect).removeClass(bg1).addClass(bg2);

Leave a Reply

Your email address will not be published.