# Lightbox image stack with fixed size thumbnails

**URL:** <https://forums.realmacsoftware.com/t/lightbox-image-stack-with-fixed-size-thumbnails/24791>\
**Category:** RapidWeaver Classic\
**Created:** [January 26, 2019, 4:15pm UTC](https://forums.realmacsoftware.com/t/lightbox-image-stack-with-fixed-size-thumbnails/24791 "2019-01-26T16:15:45Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![manofdogz](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/manofdogz/32/26314_2.png) [@manofdogz](https://forums.realmacsoftware.com/u/manofdogz)\
**Post date:** [January 26, 2019, 4:15pm UTC](https://forums.realmacsoftware.com/t/lightbox-image-stack-with-fixed-size-thumbnails/24791/1 "2019-01-26T16:15:45Z")

</div>

Anyone know a simple Image lightbox stack where the thumbnail is a set ratio? Image Pop from Doobox (now deprecated I think) is very close but constrains the thumbnail to a Square only - I need a rectangle.

The problem is I get a number of screengrabs from a client which are unavoidably different ratios - all rectangular but one will be 1000x566px and another 1000x598px etc. The different sizes don’t matter when enlarged, but If they are all equally scaled down, the thumbnails are untidy because they don’t align well. I can stretch/ squeeze the original images to a uniform size but this is not ideal.

Finally, as they sit in various chunks of text, I don’t really want a gallery - individual stacks are best.

Any thoughts welcomed thanks.

---

<div class="post-metadata">

**Author:** ![LSPhoto](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/lsphoto/32/270_2.png) [@LSPhoto](https://forums.realmacsoftware.com/u/LSPhoto)\
**Post date:** [January 26, 2019, 4:20pm UTC](https://forums.realmacsoftware.com/t/lightbox-image-stack-with-fixed-size-thumbnails/24791/2 "2019-01-26T16:20:59Z")

</div>

Try @willwood ‘s [https://stacks4stacks.com/refinedslider/](https://stacks4stacks.com/refinedslider/) 😀 or [https://stacks4stacks.com/litebox/](https://stacks4stacks.com/litebox/)

---

<div class="post-metadata">

**Author:** ![manofdogz](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/manofdogz/32/26314_2.png) [@manofdogz](https://forums.realmacsoftware.com/u/manofdogz)\
**Post date:** [January 26, 2019, 4:29pm UTC](https://forums.realmacsoftware.com/t/lightbox-image-stack-with-fixed-size-thumbnails/24791/3 "2019-01-26T16:29:23Z")

</div>

Not this one I’m afraid. Needs to be a pop up individual lightbox rather than a gallery and thumbnails are not constrained ratios

---

<div class="post-metadata">

**Author:** ![willwood](https://avatars.discourse-cdn.com/v4/letter/w/bc8723/32.png) [@willwood](https://forums.realmacsoftware.com/u/willwood)\
**Post date:** [January 26, 2019, 9:36pm UTC](https://forums.realmacsoftware.com/t/lightbox-image-stack-with-fixed-size-thumbnails/24791/4 "2019-01-26T21:36:00Z")

</div>

Are the thumbnail images all landscape orientation, or do you have a mixture of landscape and portrait?

I would consider a simple thumbnail crafted from some HTML and CSS. The thumbnail could be set to act as a link and open a lightbox when clicked. CSS has some useful background sizing options - like constrain and contain - which could be ideal to use.

You would have to anticipate the vertical or horizontal of the thumbnail image getting cropped-out of view. Ultimately _something_ has to be cropped, if you don’t want to squash (distort) them to fit.

---

<div class="post-metadata">

**Author:** ![manofdogz](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/manofdogz/32/26314_2.png) [@manofdogz](https://forums.realmacsoftware.com/u/manofdogz)\
**Post date:** [January 27, 2019, 9:41am UTC](https://forums.realmacsoftware.com/t/lightbox-image-stack-with-fixed-size-thumbnails/24791/5 "2019-01-27T09:41:01Z")

</div>

> [@willwood](#):
>
> Are the thumbnail images all landscape orientation, or do you have a mixture of landscape and portrait?

They are all landscape but with varying ratios - occasionally close to square. The reason being that they are screengrabs of software programs and are ‘grabbed’ to fit the particular graph or whatever is being highlighted.

As you say, thumbnail cropping is inevitable if the thumbs are to be aligned, and that’s not a problem within reason. Where we have an issue with the square thumbs in Image Pop, is that the cut off is occasionally too much - as you would expect going from rectangle to square.

---

<div class="post-metadata">

**Author:** ![instacks](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/instacks/32/23339_2.png) [@instacks](https://forums.realmacsoftware.com/u/instacks)\
**Post date:** [January 27, 2019, 9:54am UTC](https://forums.realmacsoftware.com/t/lightbox-image-stack-with-fixed-size-thumbnails/24791/6 "2019-01-27T09:54:06Z")

</div>

> [@manofdogz](#):
>
> They are all landscape but with varying ratios

I didn’t get it fully. Shall each thumbnail respect its ratio or shall they all be broken down to a fixed ratio?

---

<div class="post-metadata">

**Author:** ![manofdogz](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/manofdogz/32/26314_2.png) [@manofdogz](https://forums.realmacsoftware.com/u/manofdogz)\
**Post date:** [January 27, 2019, 10:04am UTC](https://forums.realmacsoftware.com/t/lightbox-image-stack-with-fixed-size-thumbnails/24791/7 "2019-01-27T10:04:10Z")

</div>

Thumbnails need to be uniform and therefore fixed ratio. Enlarged images in lightbox should show at their original ratio. Some cropping in thumbnail is inevitable but that’s OK so long as the thumbnail is a fixed rectangular ratio rather than square as I have currently with the Image Pop stack. Image Pop would be perfect if it had a ‘rectangular thumbnail’ option to complement the default ‘square’.

---

<div class="post-metadata">

**Author:** ![willwood](https://avatars.discourse-cdn.com/v4/letter/w/bc8723/32.png) [@willwood](https://forums.realmacsoftware.com/u/willwood)\
**Post date:** [January 27, 2019, 10:45am UTC](https://forums.realmacsoftware.com/t/lightbox-image-stack-with-fixed-size-thumbnails/24791/8 "2019-01-27T10:45:10Z")

</div>

If you can message or email me some sample images to have a play with, I’ll take a look at this later today for you.

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [February 26, 2019, 8:45pm UTC](https://forums.realmacsoftware.com/t/lightbox-image-stack-with-fixed-size-thumbnails/24791/9 "2019-02-26T20:45:14Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
