I have a page that loads in a lot of different sized images via AJAX, some "landscape" (1280x720) and some "portrait" (720x1280).
I'd like to display them in Bootstrap 3, using the responsive image class. Ideally it'd be good to show all images using a max height limit, say 200px. Using getImageServingUrl's size option doesn't really do what I want, as this only serves a version where the dimension with the highest value is used. E.g a 1280x720 image sized to say 320, would have a width of 320 and a height of 180 But a 720x1280 image has its height changed, to 320, with the wdith being 180. So I have two images, with heights of 180 and 320, which doesn't look right. Add in loads more images and the grid starts to look ugly. So is there a way to achieve a uniform grid where portrait and landscape images are resized to fit the grid better? -- You received this message because you are subscribed to the Google Groups "Google App Engine" group. To unsubscribe from this group and stop receiving emails from it, send an email to google-appengine+unsubscr...@googlegroups.com. To post to this group, send email to google-appengine@googlegroups.com. Visit this group at http://groups.google.com/group/google-appengine. To view this discussion on the web visit https://groups.google.com/d/msgid/google-appengine/e4ad0634-d886-4bea-860a-babb1f1895b4%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
