0

I have a simple slideshow (list items) but a combination of portrait and landscape images. I'm working on a fluid grid so everything is, essentially, 100% of itself.

I'm wondering if there's a way for all the images to remain the same height, but the widths stay true to their proportions. All the images have the same height - 2000px - when uploaded.

See the site here: http://goo.gl/BdFUj

See here for the desired output: http://d.pr/i/HJUH

Thanks, R

John the Painter
  • 2,495
  • 8
  • 59
  • 101
  • 2
    Yep. With css, give them a height: 200px (or whatever) and a width of auto. And wrap each image in a div that has the desired width to maintain the grid layout. – random_user_name Nov 24 '12 at 22:58

1 Answers1

7

Simple CSS declaration;

img.gallery-image {  //substitute for the appropriate class, obviously
    height: 2000px;
    width: auto;
}

It's that easy.

monners
  • 5,174
  • 2
  • 28
  • 47