StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POJQuery 3D Gallery (SnowStack) – how do I call images from my server instead of flickr?
text
Body
copied!<p>I recently discovered SnowStack, which allows for the creation of a 3D-style gallery, the effect can be seen here <a href="http://www.satine.org/research/webkit/snowleopard/snowstack.html" rel="nofollow">http://www.satine.org/research/webkit/snowleopard/snowstack.html</a></p> <p>I'm going through the source code now, because I'm trying to find a way of getting it to load images off my server instead of loading random images from Flickr using the Flickr API.</p> <p>If I had a guess, it's somewhere around here that changes need to be made, but I am a bit of a novice at JavaScrip/JQuery, so would appreciate if someone could help me with the correct way to tweak the code so as to make it load images from a folder on my server instead.</p> <pre><code>function flickr(callback, page) { var url = "http://api.flickr.com/services/rest/?method=flickr.interestingness.getList&api_key=60746a125b4a901f2dbb6fc902d9a716&per_page=21&extras=url_o,url_m,url_s&page=" + page + "&format=json&jsoncallback=?"; jQuery.getJSON(url, function(data) { var images = jQuery.map(data.photos.photo, function (item) { return { thumb: item.url_s, zoom: 'http://farm' + item.farm + '.static.flickr.com/' + item.server + '/' + item.id + '_' + item.secret + '.jpg', link: 'http://www.flickr.com/photos/' + item.owner + '/' + item.id }; }); callback(images); }); } </code></pre> <p>There's also a tiny bit of documentation available, which alas does not seem to operate as suggested: <a href="https://code.google.com/p/css-vfx/wiki/SnowStack" rel="nofollow">https://code.google.com/p/css-vfx/wiki/SnowStack</a></p> <p>Many thanks in advance and feel free to suggest better alternatives to this SnowStack Gallery that you think are better fitted/ more browser-friendly than this!</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

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