Question

After a .load() call some content (with images) some of the user’s profile image path get broken…

And i am not sure if is a coincidence but it will only happen with the opengraph’s ones:

one example;

Iam trying to recive <div class="user"><img src="https://graph.facebook.com/652286316/picture" /></div>

But i get <div class="user"><img src="%20https://graph.facebook.com/652286316/picture" /></div>

Any idea why could this happen?

Answer 1

just wanted to add that if you don’t have access to the script feeding you the src for the image (eg when getting data from some external service), you can always replace the %20 using something like this (in javascript)

function str_replace(needle, replacement, haystack) {
var temp = haystack.split(needle);
return temp.join(replacement);
}

and then use

var $new_src =  str_replace('%20', '', $old_src);

please note that this assumes that ALL spaces – %20 – are unwanted in your img src, which might not be the case

ps. : this does NOT fix the problem, just avoids it.. you might want to see what’s wrong with your code