Note that there are some explanatory texts on larger screens.

plurals
  1. POSlimbox loading images from javascript help?
    primarykey
    data
    text
    <p>I have literally looked everything up online, with no success, so now I am turning to those who know exactly what they are doing. </p> <p>I am loading images from facebook, using a nice little tool that utulises jQuery to load up images from a certain album on a fan page. </p> <p>Here is the page that I am currently working on: <a href="http://www.sfssc.ca/houstonwehaveaproblem.html" rel="nofollow">http://www.sfssc.ca/houstonwehaveaproblem.html</a></p> <p>My problem, is that I cannot get the images on the bottom of the page to work with slimbox.</p> <p>The script for this is </p> <pre><code>&lt;script&gt; jQuery(document).ready(function() { var AlbumID = "163187497033669"; var graph = "https://graph.facebook.com/" + AlbumID + "/photos?callback=?"; jQuery.getJSON(graph, function(data) { var albumItem = []; for(var key in data){ for(var key2 in data[key]){ val2=data[key][key2]; if(typeof(val2.source)!="undefined"){ albumItem.push( '&lt;li&gt;&lt;a class="imageLink" rel="lightbox" href="' + val2.source + '" &gt;&lt;img src="' + val2.picture + '"/&gt;&lt;/a&gt;&lt;/li&gt;' ); }; }; }; jQuery('&lt;ul /&gt;', { 'class': 'album', html: albumItem.join('') }).appendTo('#FBalbum'); }); }); &lt;/script&gt; </code></pre> <p>The only changes I have done to this script, is that I added rel="lightbox" to the 12th line. When I did research, my best educated guess was that it was what is a command called Ajax, and Slimbox needed to be reloaded. Although this could be 100% wrong.</p> <p>If anyone could help me with this, it would be greatly appreciated. All I need is to be able to use slimbox with these images loaded.</p> <p>Thank you, Simon</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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