Have Geek Brain

GalleryView - JQuery with landscape and portrait photos

Does anyone have a good solution for GalleryView when I want to display photos that are a mixture of landscapes and portraits?

+1


a source to share


3 answers


I usually do this with CSS. I have a main div that floats to the left and resizes as needed. Then I left the content of this div. You can see what I am talking about in this article about Web thumbnail images . If you find a link to the actual thumbnailer, you can see some of the CSS I usually use .



The only difference to keep in mind is that in the documentation I use tables instead of divs (because they are simpler and I'm lazy and I don't buy tables in HTML stuff anymore ... but this other thread). Either way, it works really well. If you need a sample of some css that is more similar to what you are looking for, I can send you more information.

+1


a source


When I used it, I had to crop the photos to the overall size I needed in Photoshop. You can always add black bars to your photo to keep the ratio.



0


a source


A bit late, but handy for those working through this via google (like me):

GalleryView (at least since 3.0) has an option for init: panel_scale

From source:

panel_scale: 'crop',            //STRING - cropping option for panel images (crop = scale image and fit to aspect ratio determined by panel_width and panel_height, fit = scale image and preserve original aspect ratio)

Setting this to "fit" is enabled for seamless combinations of portrait, landscape, and bizarro sizes.

0


a source






More articles:


All Articles