I\u2019ve been wanting a new way to have a grid of thumbnails that pop-up larger images.\u00a0 While I like the functionality of my blog photo gallery, it\u2019s not as seamless to click to each photo and to the next page or all the way back to the thumbnail page.\u00a0 Once you\u2019ve experienced inline loading or toggles, it\u2019s hard to go back to clicking and waiting as a designer and a viewer.<\/p>\n
When I saw Jalenack\u2019s (Andrew Sutherland) Ajax Periodic Table of Elements<\/a> (screenshot popup<\/a>) last night I was inspired!\u00a0 With the periodic table, details and relevant links simply pop-up over the chart and vanish when you\u2019re don\u2019t need them anymore, which allows you to stay in context.\u00a0 One of the things I like about asynchronous data retrieval using XMLHttpRequest<\/a> is that I\u2019m no longer experiencing short term memory loss each time a web page refreshes.<\/p>\n Andrew\u2019s been kind enough to send me the code (licensed under CC<\/a> GPL 2.0) and Max<\/a> and I are going to try and make a gallery with it that imports blog entries of photos from a MySQL database using this same idea.<\/p>\n","protected":false},"excerpt":{"rendered":" I\u2019ve been wanting a new way to have a grid of thumbnails that pop-up larger images.\u00a0 While I like the functionality of my blog photo gallery, it\u2019s not as seamless to click to each photo and to the next page or all the way back to the thumbnail page.\u00a0 Once you\u2019ve experienced inline loading or…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6],"tags":[20,10,39,171,99],"class_list":["post-1021","post","type-post","status-publish","format-standard","hentry","category-writing","tag-ajax","tag-apps","tag-gallery","tag-opensource","tag-software"],"acf":[],"_links":{"self":[{"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/posts\/1021","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/comments?post=1021"}],"version-history":[{"count":0,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/posts\/1021\/revisions"}],"wp:attachment":[{"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/media?parent=1021"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/categories?post=1021"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/tags?post=1021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![screenshot popup<\/a>) last night I was inspired!\u00a0 With the periodic table, details and relevant links simply pop-up over the chart and vanish when you\u2019re don\u2019t need them anymore, which allows you to stay in context.\u00a0 One of the things I like about](\"http:\/\/www.artcodes.com\/emedia\/uploads\/andrew-periodic.png\"){kind=link}