{"id":44776,"date":"2019-04-24T03:01:49","date_gmt":"2019-04-23T17:01:49","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=44776"},"modified":"2019-04-23T12:47:50","modified_gmt":"2019-04-23T02:47:50","slug":"image-gallery-figcaption-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/image-gallery-figcaption-primer-tutorial\/","title":{"rendered":"Image Gallery Figcaption Primer Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/gallery_via_figcaption.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Image Gallery Figcaption Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/figcaption_poc.jpg\" title=\"Image Gallery Figcaption Primer Tutorial\"  style=\"float:left;\"   \/><\/a><p class=\"wp-caption-text\">Image Gallery Figcaption Primer Tutorial<\/p><\/div>\n<p>We have a new slideshow presentation, or image gallery web application idea, today.  It uses in its methodologies the HTML <a target=_blank title='HTML figcaption information from w3schools' href='https:\/\/www.w3schools.com\/tags\/tag_figcaption.asp'>figcaption<\/a> tag, new to HTML5, and useful, in that it associates images with explanatory words, though you don&#8217;t have to follow the &#8220;every picture tells a thousand words&#8221; adage here, as you add your optional caption data.<\/p>\n<p>Think, though, if you do caption when trying out today&#8217;s proof of concept PHP <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/gallery_via_figcaption.php_GETME\" title=\"gallery_via_figcaption.php\">gallery_via_figcaption.php<\/a>&#8216;s <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/gallery_via_figcaption.php\" title=\"Click picture\">live run<\/a> link, that captions make your image galleries that much better.<\/p>\n<p>We&#8217;re pretty sure we&#8217;ll be improving this web application&#8217;s functionality over time, but in the meantime, we hope it helps you out with some image presentation ideas, and we&#8217;ll add the idea onto our list of presentation ideas at <a target=_blank title='PDF on Mac OS X via Images and Finder and Preview Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/pdf-on-mac-os-x-via-images-and-finder-and-preview-tutorial\/'>PDF on Mac OS X via Images and Finder and Preview Tutorial<\/a>.<\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d44776' onclick='var dv=document.getElementById(\"d44776\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/gallery\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d44776' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>We have a new slideshow presentation, or image gallery web application idea, today. It uses in its methodologies the HTML figcaption tag, new to HTML5, and useful, in that it associates images with explanatory words, though you don&#8217;t have to &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/image-gallery-figcaption-primer-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,37],"tags":[2571,2944,475,576,578,590,2348,932,980,997,1151,1254,1319],"class_list":["post-44776","post","type-post","status-publish","format-standard","hentry","category-elearning","category-tutorials","tag-caption","tag-figcaption","tag-gallery","tag-html","tag-html5","tag-image","tag-image-gallery","tag-php","tag-presentation","tag-programming","tag-slideshow","tag-text","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/44776"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=44776"}],"version-history":[{"count":7,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/44776\/revisions"}],"predecessor-version":[{"id":44784,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/44776\/revisions\/44784"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=44776"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=44776"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=44776"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}