{"id":2992,"date":"2010-10-20T18:39:12","date_gmt":"2010-10-20T23:39:12","guid":{"rendered":"http:\/\/susangibb.net\/blog2\/?p=2992"},"modified":"2010-10-21T06:11:48","modified_gmt":"2010-10-21T11:11:48","slug":"hypertext-adding-in-a-hidden-visual","status":"publish","type":"post","link":"https:\/\/susangibb.net\/blog2\/2010\/10\/hypertext-adding-in-a-hidden-visual\/","title":{"rendered":"HYPERTEXT: Adding in a &#8220;hidden&#8221; visual"},"content":{"rendered":"<p><span class=\"drop\">R<\/span>olling along now, though I&#8217;ve got to go back and do some work on the piece as a whole, starting with the Tinderbox version of it, but I just found that I could &#8220;hide&#8221; an image and have it fade in via the same code I used for the text basically. Here, the &#8220;hidden&#8221; text is in blue and has been clicked to reveal, and as it included the final sentence (see previous post) the link in red &#8220;nightmare&#8221; calls up the image:<\/p>\n<p><a href=\"https:\/\/susangibb.net\/blog2\/wp-content\/uploads\/2010\/10\/102010h4.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2993\" title=\"102010h4\" src=\"https:\/\/susangibb.net\/blog2\/wp-content\/uploads\/2010\/10\/102010h4.jpg\" alt=\"\" width=\"541\" height=\"613\" srcset=\"https:\/\/susangibb.net\/blog2\/wp-content\/uploads\/2010\/10\/102010h4.jpg 541w, https:\/\/susangibb.net\/blog2\/wp-content\/uploads\/2010\/10\/102010h4-264x300.jpg 264w\" sizes=\"auto, (max-width: 541px) 100vw, 541px\" \/><\/a><\/p>\n<p>There&#8217;s still some tweaking to do, likely on the css sheet, to adjust the image size to allow some padding on the sides, but the code looks like this.<\/p>\n<p><a href=\"https:\/\/susangibb.net\/blog2\/wp-content\/uploads\/2010\/10\/102010h5.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2994\" title=\"102010h5\" src=\"https:\/\/susangibb.net\/blog2\/wp-content\/uploads\/2010\/10\/102010h5.jpg\" alt=\"\" width=\"462\" height=\"156\" srcset=\"https:\/\/susangibb.net\/blog2\/wp-content\/uploads\/2010\/10\/102010h5.jpg 462w, https:\/\/susangibb.net\/blog2\/wp-content\/uploads\/2010\/10\/102010h5-300x101.jpg 300w\" sizes=\"auto, (max-width: 462px) 100vw, 462px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p><span class=\"drop\">R<\/span>olling along now, though I&#8217;ve got to go back and do some work on the piece as a whole, starting with the Tinderbox version of it, but I just found that I could &#8220;hide&#8221; an image and have it fade in via the same code I used for the text basically. Here, the &#8220;hidden&#8221; text [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[5,44],"tags":[53,66],"class_list":["post-2992","post","type-post","status-publish","format-standard","hentry","category-hypertext","category-stretchtext","tag-hypertext","tag-stretchtext"],"_links":{"self":[{"href":"https:\/\/susangibb.net\/blog2\/wp-json\/wp\/v2\/posts\/2992","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/susangibb.net\/blog2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/susangibb.net\/blog2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/susangibb.net\/blog2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/susangibb.net\/blog2\/wp-json\/wp\/v2\/comments?post=2992"}],"version-history":[{"count":3,"href":"https:\/\/susangibb.net\/blog2\/wp-json\/wp\/v2\/posts\/2992\/revisions"}],"predecessor-version":[{"id":2996,"href":"https:\/\/susangibb.net\/blog2\/wp-json\/wp\/v2\/posts\/2992\/revisions\/2996"}],"wp:attachment":[{"href":"https:\/\/susangibb.net\/blog2\/wp-json\/wp\/v2\/media?parent=2992"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/susangibb.net\/blog2\/wp-json\/wp\/v2\/categories?post=2992"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/susangibb.net\/blog2\/wp-json\/wp\/v2\/tags?post=2992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}