-
Posts
-
Hi. I’ve got a situation where every photo in this portfolio has been sized 1200px high prior to upload. The widths vary. The problem I’m having is photo #9 in the sequence goes way out of whack size-wise and I can’t figure why.
http://jeredtravelphotography.com/photo-galleries/egypt/And the crazy part is that it only happens when I have my browser fitting screen on a 1920×1200 rez monitor. If I reduce the size of the browser window, the image fits within the window just as all the rest of the photos.
Ideally, these images would also fill up more of the space regardless of the browser size. If you could also offer some advice about how to do that, I’d really appreciate it. Thanks!
Hey babayard!
Did you fix the issue? I can’t reproduce it on my full hd screen and all thumbnails have the same size: http://www.clipular.com/c/6265833978331136.png?k=RDXXGoIVcgjXngctTb8HWKlfSlQ
You can increase the image size by changing the “Gallery Columns” option (i.e. set it to 2) and don’t forget to set another “thumbnail” size on the “Gallery” element option screen because at the moment you’re using 180x180px images which will be blurry if you stretch them to 50% of the screen size.
Cheers!
PeterHey Dude,
Thanks for checking the site. As usual, I did a terrible job of explaining the problem. The image that goes out of whack is in the first enlargement that pops up in the pretty photo overlay. All of those images are the same height, except for the one in position #9, which actually was uploaded with the same height as all the rest, but for some reason, when my browser is in full monitor, that one image is not fitting inside the viewport:
http://babayard.com/temp/Screen-Shot-OVERLAY.jpgIf I make the browser window smaller, refresh and click on image thumbnail, the image then fits the same way as all the other images do. This happens in FF, Chrome and Safari.
So the second part of my question was, in effect, is the area designated in red of that screen shot changeable in css? I’ve tried a number of things, but got nowhere.
Thanks.
Hi!
No, the images sizes are different. I.e. this image: http://jeredtravelphotography.com/wp-content/uploads/2014/02/Egypt-01XCR-Gisa-landscape.jpg has a resolution of 1815 x 1200.
The second image: http://jeredtravelphotography.com/wp-content/uploads/2014/02/Egypt-02X-K-Q.jpg has a size of 1832×1200
And the last image http://jeredtravelphotography.com/wp-content/uploads/2014/02/Egypt-09X-Abu-Simbel-facade.jpg has a size of 1908px x 1200px and thus the lightbox window will be a bit bigger.
2) I wouldn’t recommend to resize the image with css because this may cause display flaws. However if you want to try it insert this code into the quick css field:
#top #fullResImage{ max-width: 70% !important; max-height: none !important; }and change the width value to another percentage value (i.e. 85%) if necessary.
Cheers!
Peter
- You must be logged in to reply to this topic.