maxHeight on Justified template

I think I got it:

$maxRowHeight = foogallery_gallery_template_setting( 'maxRowHeight', '1000' );

And after that output it to HTML.

The combination of height and maxHeight is somewhat strange, I don’t know if it has something to do with how foogallery is handling rowHeight, which is directly customizable.

It would be great to have the original plugins functionality more available in this template.

Version 1.2.7 now has the maxRowHeight setting

@bradvin, thanks for that, it’s quite useful.

I think there is an issue though, I don’t know how to address it. So if I have a 400px rowHeight and 200% maxRowHeight it’s ok in terms of layout (though I haven’t checked the actual figures), but if I have a 600px rowHeight and 160% maxRowHeight (so max 960px) it doesn’t comply.

With this last setting I have a portrait photo that outputs with 1914px of height – in fact I would say that this is worst mostly for portrait photos (i.e. height > width). With 700px and 120% (i.e. max 840) I have landscape photos that are 850px high – which is fine though.

The other thing is the thumbnail quality, which is quite low, even if I raise the JPEG quality Foogallery setting. I initially thought that we could define the *thumbnail* height (like it is described in the Foogallery options), but that will also be the minimum height for a row. It would be good to have separate values for this so that we can control the quality of the shown images. I.e. if the image displays at 200% height it will be very blocky, which is a very big “no-no” for whomever counting on displaying high quality images.

I’m also having an issue with the gallery advancing (with the keyboard arrows) on the lightbox I’m using, I don’t know if its related to the plugin or not – basically it doesn’t advance or regress. But it’s fine for my current use.

As for captions, that’s a great addition! It would be nice to have the additional controls over it, it would look even nicer. It would probably be an hassle to make it run with lightboxes…

captionSettings
{ animationDuration: 500,
visibleOpacity: 0.7,
nonVisibleOpacity: 0.0 }
Caption settings. To configure the animation duration (in milliseconds), the caption opacity when the mouse is over (i.e. it should be visible), and the caption opacity when the mouse is not over (i.e. it should be not visible).

Sorry for the long post and thanks for this plugin and this template in particular, it’s awesome!

Thanks for your thoughtful comment. I added a new setting forThumb Height, so there is now a Thumb height and a Row Height. This is available in the develop branch : https://github.com/fooplugins/foogallery/archive/develop.zip

Please try that and let me know what you think

Thanks very much for that bradvin, I can confirm that’s working perfectly.

If you don’t mind – and if it is possible – I have one further suggestion (or, sorry, request). Do you think it’s possible to have an option to select the first photograph of a Foogallery as “featured” and that one being the single one displayed on the first line, with a specific (and different) rowHeight from the general gallery settings? I am already mimicking this behavior by creating a “header” gallery with a single image, but the issue is that the lightbox will consider the two galleries as independent.

Thanks again for your work on this plugin!

I tried installing the develop version of the plugin which you linked above. I get a fatal error when installing it, though. I’m having the problem with the thumbnails being stretched in the justify layout.

Thanks!

I took a slightly different approach and modified the original code (and made it a separate plugin) to allow you to specify a specific thumbnail size to avoid the issue with dynamic resizing. While it is a good idea in theory, and may even work well in practice if you have relatively small “originals” and/or only a few images, for a large gallery, it can be rather slow to display, since all the images need to be re-sized.

While not “officially released”, anyone is free to look at / use it…(as is)

https://github.com/sbaeder/foogallery-justified-infinite-scroll-template

@stellel you probably have the previous version installed. Change its folder name or simply remove the plugin to be able to install this develop version.

@sbaeder In my case I can control the dimensions of the used images, so that’s not much of a problem… What I find it lacking is some kind of header control, for the first image (having a different size max height than the others, like a feature a image that would be used for most of the screen widths)

@sbaeder – do you have a public demo of this in action anywhere?

Unfortunately, (AFAIK) that isn’t one of the options in the underlying engine that is used – The whole point of this style is to maximize different aspect ratio images so that “most” of the content is visible without resorting to cropping the image. This is why it only uses the “height” of the row to format.

Maybe, if you gave it a really WIDE image as the first one, you would get that sort of an effect??

@bradvin …right now, the only “public” space is on a client sight.

https://eql.co/dkb-bunderchampionate-2015/

If you want to explore it more, look at the github code, or let me know via email (same username used here but at good old AOL dot com)

BTW – great gallery, and lots of neat options for developers to use…