{"id":87,"date":"2007-05-31T15:41:53","date_gmt":"2007-05-31T23:41:53","guid":{"rendered":"http:\/\/dougmccune.com\/blog\/2007\/05\/31\/my-first-flickr-flex-app\/"},"modified":"2007-05-31T15:41:53","modified_gmt":"2007-05-31T23:41:53","slug":"my-first-flickr-flex-app","status":"publish","type":"post","link":"https:\/\/dougmccune.com\/blog\/2007\/05\/31\/my-first-flickr-flex-app\/","title":{"rendered":"My first Flickr Flex app"},"content":{"rendered":"<p>I can&#8217;t believe I&#8217;ve gone this long without going through the rite of passage that is the Flickr api Flex app. Well, here it is. I&#8217;ve created a new component that extends ViewStack that does the &#8220;photo shuffling&#8221; effect when you change photos here. I&#8217;ll be releasing the source code eventually (at least for the custom ViewStack component), maybe I&#8217;ll develop it a bit more and add it to FlexLib. <\/p>\n<p>Things to note:<\/p>\n<ul>\n<li>It only loads the first 15 images for whatever you search for, if you keep clicking it will just cycle through them again<\/li>\n<li>The thumbnail is loaded first while the larger version of the image is loaded<\/li>\n<li>I had to use a PHP proxy to be able to get the images to show up in the reflection and to use bitmap smoothing on them<\/li>\n<li>The main component is a ViewStack, I just overrode the setter for selectedIndex. That entire extended ViewStack component is under 100 lines of code.<\/li>\n<li>A search for &#8220;monkey drinking beer&#8221; comes up with a series of pretty amazing photos.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/dougmccune.com\/flex\/flickrviewer\/\">View the app here<\/a> (or click the screenshot below).<\/p>\n<p><a href=\"http:\/\/dougmccune.com\/flex\/flickrviewer\/\"><img data-recalc-dims=\"1\" decoding=\"async\" id=\"image86\" src=\"https:\/\/i0.wp.com\/dougmccune.com\/blog\/wp-content\/uploads\/2007\/05\/flickapp.jpg?w=696&#038;ssl=1\" alt=\"flickapp.jpg\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I can&#8217;t believe I&#8217;ve gone this long without going through the rite of passage that is the Flickr api Flex app. Well, here it is. I&#8217;ve created a new component that extends ViewStack that does the &#8220;photo shuffling&#8221; effect when you change photos here. I&#8217;ll be releasing the source code eventually (at least for the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[2],"tags":[],"class_list":["post-87","post","type-post","status-publish","format-standard","hentry","category-flex"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/dougmccune.com\/blog\/wp-json\/wp\/v2\/posts\/87","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dougmccune.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dougmccune.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dougmccune.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dougmccune.com\/blog\/wp-json\/wp\/v2\/comments?post=87"}],"version-history":[{"count":0,"href":"https:\/\/dougmccune.com\/blog\/wp-json\/wp\/v2\/posts\/87\/revisions"}],"wp:attachment":[{"href":"https:\/\/dougmccune.com\/blog\/wp-json\/wp\/v2\/media?parent=87"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dougmccune.com\/blog\/wp-json\/wp\/v2\/categories?post=87"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dougmccune.com\/blog\/wp-json\/wp\/v2\/tags?post=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}