Databases
StackOverflow2013
Postsdbo
POdisplay photos from facebook with javascript api?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POdisplay photos from facebook with javascript api?
    primarykey
    data
    text
    <p>I want to display photos from one of my facebook albums on my webpage with the javascript api. I can read the album names with the below code, but how can I then display the photos of one of the albums? </p> <pre><code>FB.api('/myfacebookid/albums', function(response) { var ul = document.getElementById('albums'); for (var i=0, l=response.data.length; i&lt;l; i++) { var album = response.data[i], li = document.createElement('li'), a = document.createElement('a'); a.innerHTML = album.name; a.href = album.link; li.appendChild(a); ul.appendChild(li); } }); </code></pre> <p>Any input appreciated, thanks!</p> <p>OK, now I have this code instead:</p> <pre><code> FB.api('/142461229141170/albums?fields=id,name', function(response) { if (response &amp;&amp; response.data &amp;&amp; response.data.length){ console.log(response) for (var i=0; i&lt;response.data.length; i++) { var album = response.data[i]; if (album.name == 'Profile Pictures'){ FB.api('/'+album.id+'/photos', function(photos){ if (photos &amp;&amp; photos.data &amp;&amp; photos.data.length){ for (var j=0; j&lt;photos.data.length; j++){ var photo = photos.data[j]; // photo.picture contain the link to picture var image = document.createElement('img'); image.src = photo.picture; $('#foton').append(image); } } }); break; } } } }); </code></pre> <p>I guess Im doing something wrong..still! This is displaying the photos from the Profile Pictures album but I had to change it to $('#foton').append(image); . If I look at the log it gets 4 objects.</p> <p>If I change to a different album eg - Manmade Photos or Cover Photos it stops working.</p> <p>And also if I change the userId from above(the above is a PAGE id) to my personal facebook id then it stops working aswell.</p> <p>Im really trying to understand how this works, because I also want to get the feed and some other stuff after this, and I guess that it works the same way as this? Thanks a lot, guys!</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USClaes Gustavsson
    1. USClaes Gustavsson
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POdisplay photos from facebook with javascript api?
      1. USNav
      1. VTFavorite
    2. VO
      singulars
      1. POdisplay photos from facebook with javascript api?
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POdisplay photos from facebook with javascript api?
      1. USFilip
      1. VTFavorite
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload