{"id":411,"date":"2012-03-19T00:29:24","date_gmt":"2012-03-19T00:29:24","guid":{"rendered":"http:\/\/www.diywebmastery.com\/slickrflickrpro\/?p=411"},"modified":"2012-03-19T00:29:24","modified_gmt":"2012-03-19T00:29:24","slug":"your-first-gallery-of-a-flickr-photoset","status":"publish","type":"post","link":"https:\/\/www.slickrflickr.com\/members\/411\/your-first-gallery-of-a-flickr-photoset","title":{"rendered":"Your First Gallery of a Flickr PhotoSet"},"content":{"rendered":"<p>This is a tutorial to help you get started.  It shows you how to display a gallery of a photoset<\/p>\n<p>To do this use you need the set_id of the photoset which you can get from the address bar of the browser <\/p>\n<h2>Display a PhotoSet as a Gallery<\/h2>\n<p>The code you need is<\/p>\n<p>slickr-flickr search=&#8221;sets&#8221; set=&#8221;yoursetidhere&#8221; items=&#8221;10&#8243; type=&#8221;gallery&#8221;<\/p>\n<p>It looks like this<\/p>\n<div id=\"flickr_72157623856115368_3180\"><div class=\"slickr-flickr-gallery sf-lightbox\"><ul><li class=\"active\"><a href=\"https:\/\/live.staticflickr.com\/2766\/4521359181_5201752640.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/2766\/4521359181_5201752640_s.jpg\"   title=\"David proves it&#039;s as easy as falling of a tree\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/2775\/4521993650_c6ea388793.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/2775\/4521993650_c6ea388793_s.jpg\"   title=\"Micah and Maggie glad to have survived\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/2707\/4521358489_a1641dc6d6.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/2707\/4521358489_a1641dc6d6_s.jpg\"   title=\"The Canopy is beautiful when viewed from this perspective\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/2678\/4521991750_480312bc86.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/2678\/4521991750_480312bc86_s.jpg\"   title=\"Maggie can&#039;t stop laughing\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/2320\/4521990784_91bb4b5c95.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/2320\/4521990784_91bb4b5c95_s.jpg\"   title=\"A tentative start\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/2725\/4521991346_bd899b95fa.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/2725\/4521991346_bd899b95fa_s.jpg\"   title=\"Just let go\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/2751\/4521989914_c46983bed1.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/2751\/4521989914_c46983bed1_s.jpg\"   title=\"Look no brains - I meant hands\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/2732\/4521990334_0206815ba7.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/2732\/4521990334_0206815ba7_s.jpg\"   title=\"I wish I could fly\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/2786\/4521988874_d79f32a63d.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/2786\/4521988874_d79f32a63d_s.jpg\"   title=\"Get off those electricity wires!\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/2803\/4521989566_cc6d5cd58a.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/2803\/4521989566_cc6d5cd58a_s.jpg\"   title=\"Is that a tightrope I see before me?\" \/><\/a><\/li><\/ul><\/div><div style=\"clear:both\"><\/div><\/div>\n<h2>Display a PhotoSet as a Galleria<\/h2>\n<p>The code you need is<\/p>\n<p>slickr-flickr search=&#8221;sets&#8221; set=&#8221;yoursetidhere&#8221; items=&#8221;10&#8243; type=&#8221;galleria&#8221;<\/p>\n<p>It looks like this<\/p>\n<div id=\"flickr_72157623856115368_3404\"><div class=\"slickr-flickr-galleria landscape medium  classic\"><div style=\"clear:both\"><\/div><\/div><div style=\"clear:both\"><\/div><\/div>\n<p>Click the video for more detailed instructions<\/p>\n<p>\n<div id=\"video0\" class=\"flashvideo\">\n<video src=\"http:\/\/videos.slickrflickr.com\/slickr-flickr-photoset-gallery.mp4\" width=\"800\" height=\"450\" controls poster=\"https:\/\/www.slickrflickr.com\/members\/\/\/slickrflickr.cdn746.com\/media\/splash\/slickr-flickr-photoset-gallery.png\"><\/video><\/div>\n<script type=\"text\/javascript\">\nvar params = { 'allowfullscreen': 'true', 'allowscriptaccess': 'always', 'wmode': 'transparent' };\nvar attributes = { 'id': 'video0', 'name': 'video0'};\nvar flashvars = {\n\t'file' : 'http:\/\/videos.slickrflickr.com\/slickr-flickr-photoset-gallery.mp4',\n\t'image' : 'https:\/\/www.slickrflickr.com\/members\/\/\/slickrflickr.cdn746.com\/media\/splash\/slickr-flickr-photoset-gallery.png',\n\t'width' : '800',\n\t'height' : '450',\n\t'controlbar' : 'bottom',\n\t'dock' : 'false',\n\t'icons' : 'true',\n\t'logo.hide' : 'false',\n\t'logo.position' : 'bottom-left',\n\t'playlist' : 'none',\n\t'skin' : 'https:\/\/www.slickrflickr.com\/members\/wp-content\/plugins\/html5-and-flash-video-player\/skins\/simple\/simple.swf',\n\t'autostart' : 'false',\n\t'bufferlength' : '1',\n\t'item' : '0',\n\t'mute' : 'false',\n\t'repeat' : 'none',\n\t'shuffle' : 'false',\n\t'smoothing' : 'true',\n\t'stretching' : 'uniform',\n\t'volume' : '90'\n };\nswfobject.embedSWF(\"https:\/\/www.slickrflickr.com\/members\/wp-content\/plugins\/html5-and-flash-video-player\/mediaplayer\/player.swf\", \"video0\", \"800\", \"450\", \"9.0.0\",\"https:\/\/www.slickrflickr.com\/members\/wp-content\/plugins\/html5-and-flash-video-player\/mediaplayer\/expressinstall.swf\", flashvars, params, attributes);\n<\/script>\n<!-- End HTML5 and Flash Video Player Plugin -->\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is a tutorial to help you get started. It shows you how to display a gallery of a photoset To do this use you need the set_id of the photoset which you can get from the address bar of the browser Display a PhotoSet as a Gallery The code you need is slickr-flickr search=&#8221;sets&#8221; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-411","post","type-post","status-publish","format-standard","category-examples","entry"],"_links":{"self":[{"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/posts\/411","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/comments?post=411"}],"version-history":[{"count":0,"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/posts\/411\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/media?parent=411"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/categories?post=411"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/tags?post=411"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}