Question

using the script code below, this returns the images from facebook vertically. ive removed all traces of breaks and lines, and would assume that this would show the images one after another horizontally, but just shows them in a vertical stack…

blatantly obvious that im a “dirty copy and paster” but hey, we all gotta start somewhere!

{
var divContainer = document.createElement("div");
divContainer.innerHTML="%img src='http://graph.facebook.com/"+data[friendIndex].id+"/picture'%%/img%";
divTarget.appendChild(divContainer);
}

image
https://i.stack.imgur.com/DS3N4.png

also, massive apologies, but the < > tags around the img in the code makes the code disappear so ive replaced them with %

Answer 1

This is more an HTML/CSS issue than a Facebook/Graph API issue. div‘s are going to be rendered vertically. Try using a <span> tag instead:

var spanContainer = document.createElement("span");
spanContainer.innerHTML = "<src='http://graph.facebook.com/"+data[friendIndex].id+"/picture' />";
divTarget.appendChild(spanContainer);