{"id":357,"date":"2011-12-23T18:45:49","date_gmt":"2011-12-23T18:45:49","guid":{"rendered":"http:\/\/www.diywebmastery.com\/slickrflickrpro\/?p=357"},"modified":"2011-12-23T18:56:22","modified_gmt":"2011-12-23T18:56:22","slug":"large-thumbnails-of-fixed-height","status":"publish","type":"post","link":"https:\/\/www.slickrflickr.com\/members\/357\/large-thumbnails-of-fixed-height","title":{"rendered":"Large Thumbnails Of Fixed Height"},"content":{"rendered":"<h3>Troy:<\/h3>\n<p>I am trying to display image thumbnails that vary between portrait and landscape without distorting the images. I have successfully done this by editing the slickr-flickr-public.php file and creating a custom thumbnail size that specifies the height and deletes the width. This works well in Chrome and Firefox, but it of course fails in Internet Explorer. In IE, it has a 1px wide image. Is there another way to allow the thumbnails to maintain a consistent height but vary on width depending on the orientation? Here is the page that we are working on: http:\/\/blacklanternsynergy.com\/nature\/<\/p>\n<h3>Russell:<\/h3>\n<p>Hi Troy, I am not sure why you are getting distorted images. <\/p>\n<p>This is a gallery with a mix of portrait and landscape sized images<\/p>\n<p><code>slickr-flickr id=\"1475605@N24\" tag=\"surfing\" group=\"y\" search=\"groups\" type=\"gallery\" thumbnail_size=\"thumbnail\"<\/code><\/p>\n<div id=\"flickr_surfing_1749\"><div class=\"slickr-flickr-gallery sf-lightbox\"><ul><li class=\"active\"><a href=\"https:\/\/live.staticflickr.com\/4152\/4949702156_68c5c80672.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/4152\/4949702156_68c5c80672_t.jpg\"  style=\"height:75px; max-width:100px;\"  title=\"malibu in burros\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/4110\/4949701884_269c5739f5.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/4110\/4949701884_269c5739f5_t.jpg\"  style=\"height:75px; max-width:100px;\"  title=\"cutback in burros\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/4137\/4917983458_516a88b244.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/4137\/4917983458_516a88b244_t.jpg\"  style=\"height:75px; max-width:100px;\"  title=\"Sayulita Surfing\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/4119\/4901881717_de5a33bcc3.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/4119\/4901881717_de5a33bcc3_t.jpg\"  style=\"height:75px; max-width:100px;\"  title=\"di_R1DM3-1106_copy\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/4134\/4901881605_b1ddb5822a.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/4134\/4901881605_b1ddb5822a_t.jpg\"  style=\"height:75px; max-width:100px;\"  title=\"di_R5D-4-1104_copy\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/4141\/4901881541_7857b461be.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/4141\/4901881541_7857b461be_t.jpg\"  style=\"height:75px; max-width:100px;\"  title=\"di_R5D-1187_copy\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/4024\/4338126536_9ebcb41a83.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/4024\/4338126536_9ebcb41a83_t.jpg\"  style=\"height:75px; max-width:100px;\"  title=\"surfing in pairs\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/3162\/2300765580_c40e4cd97a.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/3162\/2300765580_c40e4cd97a_t.jpg\"  style=\"height:75px; max-width:100px;\"  title=\"Nice Bottom turn\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/2126\/2117444004_5ee6163ab3.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/2126\/2117444004_5ee6163ab3_t.jpg\"  style=\"height:75px; max-width:100px;\"  title=\"Baja4075\" \/><\/a><\/li><li><a href=\"https:\/\/live.staticflickr.com\/2108\/2114301516_6142bd6319.jpg\"  ><img decoding=\"async\" src=\"https:\/\/live.staticflickr.com\/2108\/2114301516_6142bd6319_t.jpg\"  style=\"height:75px; max-width:100px;\"  title=\"Baja4067\" \/><\/a><\/li><\/ul><\/div><div style=\"clear:both\"><\/div><\/div>\n<p>The photos have the same height in Chrome, Firefox and Safari, however in Internet Explorer, the row height is consistent however the photos image does vary a little however I think the result is acceptable (as a viewer of the content as opposed to the owner) <\/p>\n<p>It might be that your theme is interfering with the normal operation of the plugin.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Troy: I am trying to display image thumbnails that vary between portrait and landscape without distorting the images. I have successfully done this by editing the slickr-flickr-public.php file and creating a custom thumbnail size that specifies the height and deletes the width. This works well in Chrome and Firefox, but it of course fails in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-357","post","type-post","status-publish","format-standard","category-examples","entry"],"_links":{"self":[{"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/posts\/357","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/comments?post=357"}],"version-history":[{"count":0,"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/posts\/357\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/media?parent=357"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/categories?post=357"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/tags?post=357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}