Using image URL with parentheses as background with jQuery

Question

I'm loading a bunch of files as background-image using jQuery and I have this image that will simply not load. The browser does not throw any error.

I know the problem is that the file name contain parentheses (), but I've tried all sorts of things and nothing works. This is not a duplicate from this question as the solution there does not work.

This is the URL of the file

http://oceanhotelsimages.com/uploads/200x150_Privilege_Lounge_OBS_05_(1).jpg

I've tried different things in Javascript with no luck.

unescape(str);

encodeURI(str)

Even directly replacing the characters

str.replace("(", "%28");
str.replace(")", "%29");

Even by pure desperation

str.replace("(", "&#40;");
str.replace(")", "&#41;");

Help me StackOverflow, you are my only hope.

Please do not suggest to change the file name. I do not have access to that file.

Pier · Accepted Answer · 2015-04-10 02:30:24Z

26

The solution was easier than I thought. I was missing the quotes when declaring the url of the CSS property.

$(this).css({
    "background-image": "url('" + someString + "')"
});

answered Apr 10, 2015 at 2:30

Pier

10.9k17 gold badges74 silver badges120 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using image URL with parentheses as background with jQuery

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related