Самый простой способ - использовать JSON-ленту Flickr для фотосета.
1.Получить ленту
Убедитесь, что набор, который вы пытаетесь использовать, установлен на общедоступный через меню «Организовать» Flickr, затем просмотрите набор и найдите ссылку RSS в нижней части страницы.RSS-канал по умолчанию в формате XML;чтобы получить версию JSON, просто добавьте &format=json&jsoncallback=? в конец URL:
RSS-канал: http://api.flickr.com/services/feeds/photos_public.gne?id=xyzexample&lang=en-us
становится
http://api.flickr.com/services/feeds/photos_public.gne?id=xyzexample&lang=en-us&format=json&jsoncallback=?
2.Анализ JSON
В этом примере используется jQuery, поэтому не забудьте включить файл jQuery перед этим кодом.Это также предполагает, что у вашего Galleria div есть идентификатор «галереи»:
<script type="text/javascript">
$().ready(function() {
// JSON feed from Flickr
var feedUrl = "http://api.flickr.com/services/feeds/photos_public.gne?id=xyzexample&lang=en-us&format=json&jsoncallback=?"
// parse JSON using jQuery's built-in function
$.getJSON(feedUrl, function(data) {
// iterate through each item
$.each(data.items, function(i, item) {
// create image node in DOM and update it's src attribute
// _m = medium img, _b = large; remove the replace function if you want the standard small images
$("<img/>").attr("src", item.media.m.replace("_m", "_b"))
// add image to gallery container
.appendTo("#gallery")
// add a link to each image - this will go to the photo on Flickr
.wrap('<a href="' + item.link + '" target="_blank"></a>');
});
});
</script>
3.Добавить Galleria
Запустите плагин Galleria в разделе 'gallery':
$("#gallery").galleria();
(очевидно, вам необходимо включить плагин и тему Galleria, согласно их документации )