• Registered: 2014-12-14
  • Posts: 31

Topic: gallery image size

I have a problem
http://www.stretchastraw.com/brochure/brochure.html

the images on the page were resized to be about 900 px wide. by at least 2000 high
(I forget)  - anyway the slider looks great on my cell phone - Motorola Drod BUT not in the browser online - in Firefox or Chrome. So how do I fix this. ?

  • Registered: 2012-04-24
  • Posts: 5,924

Re: gallery image size

Please see this FAQ which deals with a similar scenario (too much space above or below the main image).

The space to the left and right of your main images is due to the different aspect ratios of the images (portrait style) and the image area within the gallery (landscape style).
The images are actually displayed as large as possible within the image area without cropping.
If the images were displayed any larger within the image area (without the gallery's dimensions changing), then the images would be cropped at the top and bottom.
You could set imageScaleMode="FILL" but this would result in your images being cropped at the top and bottom.
Perhaps the best solution would be to change your gallery's dimensions so that the image area's aspect ratio better matches that of your images. You could do this by increasing the height of your gallery or by reducing its width.