{"id":728,"date":"2013-06-01T03:11:05","date_gmt":"2013-06-01T02:11:05","guid":{"rendered":"http:\/\/johnjohnston.info\/106\/?p=728"},"modified":"2013-06-10T07:31:47","modified_gmt":"2013-06-10T06:31:47","slug":"more-than-one-way-to-frame-a-gif","status":"publish","type":"post","link":"https:\/\/johnjohnston.info\/106\/more-than-one-way-to-frame-a-gif\/","title":{"rendered":"More than one way to frame a gif"},"content":{"rendered":"<div class=\"gifgrid\"><a title=\"\" href=\"http:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/05\/darkness.gif\"><img decoding=\"async\" alt=\"Darkness\" src=\"https:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/05\/darkness.gif\" \/><\/a><a title=\"\" href=\"http:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/05\/mirroreyes2o.gif\"><img decoding=\"async\" alt=\"Mirroreyes2o\" src=\"https:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/05\/mirroreyes2o.gif\" \/><\/a><a title=\"\" href=\"http:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/05\/aim.gif\"><img decoding=\"async\" alt=\"Aim\" src=\"https:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/05\/aim.gif\" \/><\/a><a title=\"\" href=\"http:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/05\/eyes.gif\"><img decoding=\"async\" alt=\"Eyes\" src=\"https:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/05\/eyes.gif\" \/><\/a><a title=\"\" href=\"http:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/05\/arms.gif\"><img decoding=\"async\" alt=\"Arms\" src=\"https:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/05\/arms.gif\" \/><\/a><a title=\"\" href=\"http:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/05\/dozeoff.gif\"><img decoding=\"async\" alt=\"Dozeoff\" src=\"https:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/05\/dozeoff.gif\" \/><\/a><a title=\"\" href=\"http:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/05\/ants.gif\"><img decoding=\"async\" alt=\"Ants\" src=\"https:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/05\/ants.gif\" \/><\/a><a title=\"\" href=\"http:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/05\/facefear.gif\"><img decoding=\"async\" alt=\"Facefear\" src=\"https:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/05\/facefear.gif\" \/><\/a><a title=\"\" href=\"http:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/05\/jumpout.gif\"><img decoding=\"async\" alt=\"Jumpout\" src=\"https:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/05\/jumpout.gif\" \/><\/a><\/div>\n<style><!--\n.gifgrid img{width:33%;float:left}\n--><\/style>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>I&#8217;ve done a fair number of <a href=\"http:\/\/assignments.ds106.us\/assignments\/multi-frame-gif-story\/\">Multi-Frame GIF Story<\/a> Assignments and I really like them. One thing I do not like is having to have each animation at the same rate and with the same number of frames. You can work round this by &#8216;freeze&#8217; framing a particular frame or several frames, but I quite like the idea of the gifs all going at their own rate and not moving in sync.<\/p>\n<p>After I&#8217;d giffed a few from <a href=\"http:\/\/en.wikipedia.org\/wiki\/Perchance_to_Dream_(The_Twilight_Zone)\">Perchance to Dream<\/a> I though I&#8217;d try a slightly different approach. I&#8217;ve uploaded all the gifs, but instead of inserting them I created a bit of html to show the gifs.<\/p>\n<ol>\n<li>For each gif I found out its url, eg <em>http:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/05\/darkness.gif<\/em><\/li>\n<li>I then created a img tag for each gif: <em>&lt;img src=&#8221;http:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/05\/darkness.gif&#8221; alt=&#8221;Darkness&#8221;&gt;<\/em><\/li>\n<li>I edit the post, putting the code to show each gif inside a single div tag, that tag has a class:<\/li>\n<li><em>&lt;div class=&#8221;gifgrid&#8221;&gt; then a list of the gif tags &lt;\/div&gt;<\/em><\/li>\n<li>I put in a style snippet to scale the gifs to one third of the space they are in each: <em>&lt;style&gt;.gifgrid img{width:33%;float:left}&lt;\/style&gt;<\/em><\/li>\n<li>I made sure there were no returns in the code.<\/li>\n<li>I switched the blog editor to code vive and pasted in the code.<\/li>\n<\/ol>\n<p>I&#8217;ve put the code into an external page too, if you want to have a look: <a href=\"http:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/05\/perchance_grid1.html\">perchance_grid<\/a> , where you can easily view the code.<\/p>\n<p>Perchance to Dream has been my favourite episode so far. I&#8217;ve not left enough time to write much about it and I&#8217;ll be stepping out of the ds106zone for the next week, which means I&#8217;ll miss audio week. I might join in the odd daly create, but if not I&#8217;ll be back in the zone next weekend.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; I&#8217;ve done a fair number of Multi-Frame GIF Story Assignments and I really like them. One thing I do not like is having to have each animation at the same rate and with the same number of frames. You can work round this by &#8216;freeze&#8217; framing a particular frame or several frames, but &hellip; <a href=\"https:\/\/johnjohnston.info\/106\/more-than-one-way-to-frame-a-gif\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;More than one way to frame a gif&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_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":[74,49,100],"tags":[84,93],"class_list":["post-728","post","type-post","status-publish","format-standard","hentry","category-animatedgif","category-assignment","category-ds106zone","tag-animatedgifassignments","tag-animatedgifassignments880"],"better_featured_image":null,"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3RLlC-bK","_links":{"self":[{"href":"https:\/\/johnjohnston.info\/106\/wp-json\/wp\/v2\/posts\/728","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/johnjohnston.info\/106\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/johnjohnston.info\/106\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/johnjohnston.info\/106\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/johnjohnston.info\/106\/wp-json\/wp\/v2\/comments?post=728"}],"version-history":[{"count":25,"href":"https:\/\/johnjohnston.info\/106\/wp-json\/wp\/v2\/posts\/728\/revisions"}],"predecessor-version":[{"id":776,"href":"https:\/\/johnjohnston.info\/106\/wp-json\/wp\/v2\/posts\/728\/revisions\/776"}],"wp:attachment":[{"href":"https:\/\/johnjohnston.info\/106\/wp-json\/wp\/v2\/media?parent=728"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/johnjohnston.info\/106\/wp-json\/wp\/v2\/categories?post=728"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/johnjohnston.info\/106\/wp-json\/wp\/v2\/tags?post=728"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}