# Inconsistent image lightbox behavior with multiple images

**URL:** https://meta.discourse.org/t/inconsistent-image-lightbox-behavior-with-multiple-images/105332
**Category:** UX
**Created:** [December 30, 2018, 7:56pm UTC](https://meta.discourse.org/t/inconsistent-image-lightbox-behavior-with-multiple-images/105332 "2018-12-30T19:56:14Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![davidkingham](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidkingham/32/119528_2.png) [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [December 30, 2018, 7:56pm UTC](https://meta.discourse.org/t/inconsistent-image-lightbox-behavior-with-multiple-images/105332/1 "2018-12-30T19:56:15Z")

</div>

When you have one image in a post you click the image once to lightbox it, then you click it again to see it full resolution. But, when you have multiple images in the same post you click one of the images to lightbox, then when you click it again it goes to the next image rather than going to the full resolution zoomed in mode.

I feel the behavior should be the same as a single image so when you click the image in a lightbox it goes to full resolution, and if you want to go to the next image you click the right arrow rather than the image.

Some large images for an example:

 ![DSCF1680](https://global.discourse-cdn.com/meta/original/3X/4/4/44353a8df282ce91748a8e56cde013e978564f6c.jpeg)

 ![DSCF7274](https://global.discourse-cdn.com/meta/original/3X/2/3/23281be72b27e4ad6081fde99bc5dbcde2f21dd8.jpeg)

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [December 30, 2018, 8:03pm UTC](https://meta.discourse.org/t/inconsistent-image-lightbox-behavior-with-multiple-images/105332/2 "2018-12-30T20:03:26Z")

</div>

> [@davidkingham](#):
>
> I feel the behavior should be the same as a single image so when you click the image in a lightbox it goes to full resolution, and if you want to go to the next image you click the right arrow rather than the image.

I think that most people feel that having a slideshow of all of the images is much more desirable.

---

<div class="post-metadata">

### Author: ![davidkingham](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidkingham/32/119528_2.png) [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [December 30, 2018, 8:05pm UTC](https://meta.discourse.org/t/inconsistent-image-lightbox-behavior-with-multiple-images/105332/3 "2018-12-30T20:05:08Z")

</div>

I still think there should be a slideshow, but clicking the image should be consistent of making the image larger rather than going to the next image.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [December 31, 2018, 12:15am UTC](https://meta.discourse.org/t/inconsistent-image-lightbox-behavior-with-multiple-images/105332/4 "2018-12-31T00:15:22Z")

</div>

I am not sure we even need to keep this “giganti-image” click to see super enormous image that requires scrolling thing. It is confusing. I agree it is inconsistent to get “giganti-image” for single images and “see next” for multi images.

Personally I think we should imply nuke “giganti-image” and have click do nothing I guess unless you have multiple images.

@Johani / @zogstrip what are your thoughts here.

⬇ giganti-image demo (make browser small, click then click):

 ![DSCF1680](https://global.discourse-cdn.com/meta/original/3X/4/4/44353a8df282ce91748a8e56cde013e978564f6c.jpeg)

---

<div class="post-metadata">

### Author: ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [December 31, 2018, 12:44am UTC](https://meta.discourse.org/t/inconsistent-image-lightbox-behavior-with-multiple-images/105332/5 "2018-12-31T00:44:11Z")

</div>

I have two examples where the zoom is welcome:

- news article, we use this quite a lot on a sports forum
- I have a client that scans a lot of old comics

We could download the image and zoom so if it is nuked I’ll be ok with this, but I think it’s still a good feature, especially on mobile.

Maybe make the slideshow the priority for more consistency but add a 🔎 button if we want to zoom

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [December 31, 2018, 1:21am UTC](https://meta.discourse.org/t/inconsistent-image-lightbox-behavior-with-multiple-images/105332/6 "2018-12-31T01:21:36Z")

</div>

> [@sam](#):
>
> Personally I think we should imply nuke “giganti-image” and have click do nothing I guess unless you have multiple images.

I don’t think that’s necessary, it might be better to **have an explicit “full size” link for the image in the footer** (alongside “download”, which is a similar option), rather than this secret click to expand, which ceases to work in slideshow mode.

And for the record, @davidkingham, “download” is 95% the same thing as what you want, so you already have a workaround in slideshow mode. Try it.

---

<div class="post-metadata">

### Author: ![jomaxro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jomaxro/32/126216_2.png) [@jomaxro](https://meta.discourse.org/u/jomaxro)
#### Post date: [December 31, 2018, 2:59am UTC](https://meta.discourse.org/t/inconsistent-image-lightbox-behavior-with-multiple-images/105332/7 "2018-12-31T02:59:57Z")

</div>

> [@sam](#):
>
> I am not sure we even need to keep this “giganti-image” click to see super enormous image that requires scrolling thing.

Another example where zoom is important is extremely tall images. I like the idea of a dedicated “zoom” button, download it fine, but sometimes it’s nice to just stay in the browser and not need another app to open.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [December 31, 2018, 3:01am UTC](https://meta.discourse.org/t/inconsistent-image-lightbox-behavior-with-multiple-images/105332/8 "2018-12-31T03:01:06Z")

</div>

Yeah, an extra link next to “download” seems like this simplest solution here.

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [December 31, 2018, 9:18am UTC](https://meta.discourse.org/t/inconsistent-image-lightbox-behavior-with-multiple-images/105332/9 "2018-12-31T09:18:44Z")

</div>

I agree, having the same action do two different things is confusing. I ❤ the **full size** link idea 👍

@Johani can you take it?

---

<div class="post-metadata">

### Author: ![bartv](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bartv/32/130052_2.png) [@bartv](https://meta.discourse.org/u/bartv)
#### Post date: [December 31, 2018, 9:57am UTC](https://meta.discourse.org/t/inconsistent-image-lightbox-behavior-with-multiple-images/105332/10 "2018-12-31T09:57:31Z")

</div>

> [@jomaxro](#):
>
> giganti-image

+1 for keeping this mode; it’s relevant in our 3D graphics community where people often upload 4k+ images. The extra link sounds like a great solution.

---

<div class="post-metadata">

### Author: ![davidkingham](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidkingham/32/119528_2.png) [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [December 31, 2018, 3:22pm UTC](https://meta.discourse.org/t/inconsistent-image-lightbox-behavior-with-multiple-images/105332/12 "2018-12-31T15:22:23Z")

</div>

> [@sam](#):
>
> Personally I think we should imply nuke “giganti-image” and have click do nothing I guess unless you have multiple images.

We use this regularly to evaluate the details of larger images when critiquing them, I would hate to lose this feature.

> [@codinghorror](#):
>
> “download” is 95% the same thing as what you want, so you already have a workaround in slideshow mode. Try it.

I know this is very similar, but we have public sections of our site that have the download button turned off and private paid areas with it turned on. I know it’s a very specific use case and the reasons are ridiculous but it’s working well for us to give people a false sense of security.

I like the idea of having a zoom button, my only request is that it has its own class in the `mfp-bottom-bar` so I can hide everything except the zoom button, I don’t want the title/size/download visible. Along the same lines, it would be great if all of them had their own class, right now I am changing the text to be transparent to hide the title and size.

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [January 1, 2019, 10:58am UTC](https://meta.discourse.org/t/inconsistent-image-lightbox-behavior-with-multiple-images/105332/13 "2019-01-01T10:58:27Z")

</div>

> [@davidkingham](#):
>
> Along the same lines, it would be great if all of them had their own class

PR welcome to add these classes 😉

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [January 11, 2019, 2:24am UTC](https://meta.discourse.org/t/inconsistent-image-lightbox-behavior-with-multiple-images/105332/14 "2019-01-11T02:24:23Z")

</div>

@johani do you think this will be a 2.2 thing or a 2.3 thing? Let me know the difficulty and risk.

---

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [January 11, 2019, 3:22am UTC](https://meta.discourse.org/t/inconsistent-image-lightbox-behavior-with-multiple-images/105332/15 "2019-01-11T03:22:31Z")

</div>

This can go in 2.2. It’s very low risk (though it does add a couple of new translation strings)

I have something working and will check it in early next week.

---

<div class="post-metadata">

### Author: ![davidkingham](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidkingham/32/119528_2.png) [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [October 21, 2019, 3:36pm UTC](https://meta.discourse.org/t/inconsistent-image-lightbox-behavior-with-multiple-images/105332/16 "2019-10-21T15:36:41Z")

</div>

Any chance this could be looked at again Joe? Thank you 🙂

---

<div class="post-metadata">

### Author: ![cobyalmond](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cobyalmond/32/108567_2.png) [@cobyalmond](https://meta.discourse.org/u/cobyalmond)
#### Post date: [October 25, 2019, 9:43pm UTC](https://meta.discourse.org/t/inconsistent-image-lightbox-behavior-with-multiple-images/105332/17 "2019-10-25T21:43:09Z")

</div>

I’m curious, what IS the breakpoint for uploaded image dimension to trigger the Lightbox feature?

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [October 26, 2019, 12:26am UTC](https://meta.discourse.org/t/inconsistent-image-lightbox-behavior-with-multiple-images/105332/18 "2019-10-26T00:26:44Z")

</div>

Look in your site settings under max image width and max image height.

---

<div class="post-metadata">

### Author: ![mcwumbly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcwumbly/32/103861_2.png) [@mcwumbly](https://meta.discourse.org/u/mcwumbly)
#### Post date: [October 26, 2019, 1:24am UTC](https://meta.discourse.org/t/inconsistent-image-lightbox-behavior-with-multiple-images/105332/19 "2019-10-26T01:24:15Z")

</div>

Ah, thanks. I was searching for “lightbox” earlier when chatting about this with @cobyalmond and didn’t find it.

---

<div class="post-metadata">

### Author: ![ariznaf](https://avatars.discourse-cdn.com/v4/letter/a/ecccb3/32.png) [@ariznaf](https://meta.discourse.org/u/ariznaf)
#### Post date: [October 26, 2019, 7:34am UTC](https://meta.discourse.org/t/inconsistent-image-lightbox-behavior-with-multiple-images/105332/20 "2019-10-26T07:34:22Z")

</div>

I had already comented on this, in a request for improvements to the lightbox.

I agree, current behaviour is confusing, when you click in the center of an image it should be magnified as when there is just one image, when you click to the right or the left it should change the image showed.

> Blockquote

---

<div class="post-metadata">

### Author: ![ariznaf](https://avatars.discourse-cdn.com/v4/letter/a/ecccb3/32.png) [@ariznaf](https://meta.discourse.org/u/ariznaf)
#### Post date: [October 26, 2019, 7:38am UTC](https://meta.discourse.org/t/inconsistent-image-lightbox-behavior-with-multiple-images/105332/21 "2019-10-26T07:38:23Z")

</div>

Having slideshows will be a great improvement, if it is optional.

You not allways want to automatically change the image.  
Many times you want to show it one by one and get the time to see them and compare them.

Having a play slideshow button in the lightbox would be great.

> Blockquote

[Next page](https://meta.discourse.org/t/inconsistent-image-lightbox-behavior-with-multiple-images/105332.md?page=2)
