{"id":170,"date":"2010-02-25T23:29:12","date_gmt":"2010-02-25T23:29:12","guid":{"rendered":"http:\/\/barrycarlyon.co.uk\/wordpress\/?p=170"},"modified":"2010-02-25T23:29:12","modified_gmt":"2010-02-25T23:29:12","slug":"jquery-coverflow","status":"publish","type":"post","link":"https:\/\/barrycarlyon.co.uk\/wordpress\/2010\/02\/25\/jquery-coverflow\/","title":{"rendered":"jQuery Coverflow"},"content":{"rendered":"<p>So I&#8217;ve been hunting round for a coverflow plugin for jQuery.<\/p>\n<p>Google search turned up both <a href=\"http:\/\/www.blarnee.com\/projects\/coverflow\/\">Blarnee Demo<\/a> (or <a href=\"http:\/\/blarnee.com\/wp\/cflow-coverflow-for-jquery-experimental-release\/\">Blarnee Blog Post<\/a>) and <a href=\"http:\/\/paulbakaus.com\/2008\/05\/31\/coverflow-anyone\/\">Paul Bakaus<\/a>, both of which are quite good but don&#8217;t advise much on the use or implementation of.<\/p>\n<p>Both of which are demos, using parts of jQuery and the jQuery UI, or elements of Canvas (which has been throwing odd errors in my firebug)<\/p>\n<p>The second still being sat in the labs part of the UI svn, and not been touched for 6 months.<\/p>\n<p>So further hunting found me, <a href=\"http:\/\/www.jacksasylum.eu\/ContentFlow\/\">content flow<\/a>, which looks quite good, but I couldn&#8217;t get it to implement properly or do quite what I wanted too, without throwing lots of errors and not working.<\/p>\n<p>So, I thought about it for a while and heres the first result.<\/p>\n<div class=\"jetpack-video-wrapper\"><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/GmHNKh5Y--s?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/div>\n<p>Video done on Mac Quicktime Player, (screen recording), web deploying soon&#8230;<\/p>\n<p>I&#8217;ve used the <a href=\"http:\/\/sorgalla.com\/jcarousel\/\">jCarousel Plugin<\/a>, which I already use on LSRfm.com for the LSRfm.com Twitter Rotator.<\/p>\n<p>And using its callback functions and elements of jQuery&#8217;s animate library. I&#8217;ve created this iTunes\/Apple Coverflow effect, still some work to do, and make it nice and configurable, so others can easily implement it, perhaps even make it and extension to jCarousel&#8230;<\/p>\n<p>So a future blog post will describe the Javascript I used, and how to implement it.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>My jQuery Coverflow&#8230;.<\/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":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[88,45,109,22],"tags":[113,112,37,106,8],"class_list":["post-170","post","type-post","status-publish","format-standard","hentry","category-code-geekery","category-geekery","category-jquery-geekery","category-lsrfmcom-student-radio","tag-coding","tag-coverflow","tag-javascript","tag-jquery","tag-lsrfmcom"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/barrycarlyon.co.uk\/wordpress\/wp-json\/wp\/v2\/posts\/170","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/barrycarlyon.co.uk\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/barrycarlyon.co.uk\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/barrycarlyon.co.uk\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/barrycarlyon.co.uk\/wordpress\/wp-json\/wp\/v2\/comments?post=170"}],"version-history":[{"count":0,"href":"https:\/\/barrycarlyon.co.uk\/wordpress\/wp-json\/wp\/v2\/posts\/170\/revisions"}],"wp:attachment":[{"href":"https:\/\/barrycarlyon.co.uk\/wordpress\/wp-json\/wp\/v2\/media?parent=170"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/barrycarlyon.co.uk\/wordpress\/wp-json\/wp\/v2\/categories?post=170"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/barrycarlyon.co.uk\/wordpress\/wp-json\/wp\/v2\/tags?post=170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}