Databases
StackOverflow2013
Postsdbo
POjQuery slideshow issue with a populated div from a JSON feed
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery slideshow issue with a populated div from a JSON feed
    primarykey
    data
    text
    <pre><code>$(document).ready(function() { $.getJSON("http://api.flickr.com/services/feeds/groups_pool.gne?id=89254480@N00&amp;\ lang=en-us&amp;format=json&amp;jsoncallback=?", getJSONimages); function getJSONimages(data) { var htmlString = ""; $.each(data.items, function(i,item){ var sourceSquare = (item.media.m).replace("_m.jpg", "_s.jpg"); htmlString += '&lt;img src="' + sourceSquare + '" /&gt;'; }); $('#slideshow').html(htmlString); } }) </code></pre> <p>The above gets the images in the format I need them for the slideshow:</p> <pre><code>&lt;div id="slideshow"&gt;&lt;img src="url"&gt;&lt;/div&gt; </code></pre> <p>And the code below is the slideshow which works good on its own:</p> <pre><code>$('#slideshow').slideshow({ timeout: 2000, type: 'random', pauselink: 'sequence', fadetime: 2000 }); </code></pre> <p>Of course, there is another 2kb js file loaded, part of the slideshow, and the jQuery library loaded from Google.</p> <p>I am a begginer in JavaScript and I simply don't get it, it doesn't work, I am guessing I have to run the first code to get the img tags in the #images div and then run the js code for the slideshow.. but how do I do that?</p> <p>Both in the same tags doesn't work, separately doesn't work, both of them in the header.</p> <p>Any ideas please? Thank you.</p> <p>P.S. I didn't find any rules regarding this and I hope I do not break the rules, I really like this community as I have learnt a lot here. Here's the link.. <a href="http://demetriad.co.uk/flickr-test/" rel="nofollow">http://demetriad.co.uk/flickr-test/</a></p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USChris
    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. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COIt looks like it's working to me... what problem were you having?
      singulars
      1. POjQuery slideshow issue with a populated div from a JSON feed
      1. USMottie
 

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