{"id":34,"date":"2009-04-15T02:56:00","date_gmt":"2009-04-15T07:56:00","guid":{"rendered":"http:\/\/lukerymarz.com\/alearningexperience\/2009\/04\/a-proper-web-photo-gallery.html"},"modified":"2010-04-25T16:18:52","modified_gmt":"2010-04-25T21:18:52","slug":"a-proper-web-photo-gallery","status":"publish","type":"post","link":"http:\/\/lukerymarz.com\/alearningexperience\/2009\/04\/a-proper-web-photo-gallery.html","title":{"rendered":"A Proper Web Photo Gallery"},"content":{"rendered":"<p>I don&#8217;t know if I&#8217;m the only one, but I&#8217;ve yet to see a photo gallery in a web page that I like. \u00a0The primary problems are:<\/p>\n<div><\/div>\n<div>1. \u00a0I don&#8217;t want to have to press the back button every time I look at a picture (like facebook, for example). \u00a0To that end, the whole gallery (thumbnails and full size images) should be contained on a single page.<\/div>\n<div>2. \u00a0I want it to load fast.<\/div>\n<div>3. \u00a0I want to have it look nice.<\/div>\n<div>4. \u00a0Each picture should have room for a short description.<\/div>\n<div>5. \u00a0It should resize to fill the browser window with thumbnails (so you can treat it much like a thumbnails view in Windows Explorer).<\/p>\n<div><\/div>\n<div>Rather than complain about it, though, I thought I&#8217;d make something I was satisfied with. \u00a0Well, I worked with my girlfriend to put one together (She&#8217;s learning HTML and needed a project). \u00a0<a href=\"http:\/\/www.lukerymarz.com\/galleries\/makingdragonbeard\">Here&#8217;s a sample<\/a> of how it turned out.<\/div>\n<div><\/div>\n<div>I used <a href=\"http:\/\/highslide.com\/\">Highslide<\/a> for the fancy javascript transitions. \u00a0It&#8217;s a really nice kit that plugs in easily. \u00a0The only issue I had with it was because I had defined a style for img elements. \u00a0The fix was to&#8230; not do that, define class that each image could use (for example class=&#8221;imgThumb&#8221;).<\/div>\n<div><\/div>\n<div>Anyways, this post is a heads up, because I wrote a tool to throw galleries like this together, and I&#8217;ll be posting it soon. \u00a0More about that when I get there.<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>I don&#8217;t know if I&#8217;m the only one, but I&#8217;ve yet to see a photo gallery in a web page that I like. \u00a0The primary problems are: 1. \u00a0I don&#8217;t want to have to press the back button every time I look at a picture (like facebook, for example). \u00a0To that end, the whole gallery [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[17,6,4,16],"tags":[],"class_list":["post-34","post","type-post","status-publish","format-standard","hentry","category-csharp","category-graphics","category-html","category-photo-gallery"],"_links":{"self":[{"href":"http:\/\/lukerymarz.com\/alearningexperience\/wp-json\/wp\/v2\/posts\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/lukerymarz.com\/alearningexperience\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/lukerymarz.com\/alearningexperience\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/lukerymarz.com\/alearningexperience\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/lukerymarz.com\/alearningexperience\/wp-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":2,"href":"http:\/\/lukerymarz.com\/alearningexperience\/wp-json\/wp\/v2\/posts\/34\/revisions"}],"predecessor-version":[{"id":55,"href":"http:\/\/lukerymarz.com\/alearningexperience\/wp-json\/wp\/v2\/posts\/34\/revisions\/55"}],"wp:attachment":[{"href":"http:\/\/lukerymarz.com\/alearningexperience\/wp-json\/wp\/v2\/media?parent=34"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/lukerymarz.com\/alearningexperience\/wp-json\/wp\/v2\/categories?post=34"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/lukerymarz.com\/alearningexperience\/wp-json\/wp\/v2\/tags?post=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}