Is <div data-theme-tiles="1"> tag + 2x .gif broken?

This code doesn’t work

<div data-theme-tiles="1">

![68747470733a2f2f692e696d6775722e636f6d2f487346584147492e676966|690x478, 50%](upload://kMXy68K6F7zhVdBDImRGZxutenI.gif)
![68747470733a2f2f692e696d6775722e636f6d2f656e4b36554f732e676966|690x478, 50%](upload://5b6ucoEe4ggbEMyr0eZLsSkoDj6.gif)

</div>

Expect 2 gif images below:

68747470733a2f2f692e696d6775722e636f6d2f487346584147492e676966
68747470733a2f2f692e696d6775722e636f6d2f656e4b36554f732e676966

But this works fine

<div data-theme-tiles="2">

![68747470733a2f2f692e696d6775722e636f6d2f487346584147492e676966|690x478, 50%](upload://kMXy68K6F7zhVdBDImRGZxutenI.gif)
![68747470733a2f2f692e696d6775722e636f6d2f656e4b36554f732e676966|690x478, 50%](upload://5b6ucoEe4ggbEMyr0eZLsSkoDj6.gif)

</div>

Expect 2 gif images below:

68747470733a2f2f692e696d6775722e636f6d2f487346584147492e676966
68747470733a2f2f692e696d6775722e636f6d2f656e4b36554f732e676966

What am I missing here?


Edge, Chrome, Firefox display me this post like this:

Hi @andrew-lukasik, thanks for flagging it, we’ll look into it.

1 Like

Hi @andrew-lukasik,

The first thing I notice is using different values for the data attribute is not going to help. The lightbox script looks specifically for the data-theme-tiles="1" attribute and value.

So, when you use different value, the lightbox script doesn’t get triggered, and shows images stacked as that is the default behavior. That’s why it gives you the false sense of as if it was working.

Though, I still don’t have an answer why animated GIFs wouldn’t play nice with the image grid/lightbox script.

Any other supported image format works perfectly otherwise:





1 Like

I wasn’t looking, but still found another case where this tag doesn’t work:

<div data-theme-tiles="1">

![Bird Edit Collider|463x405](upload://fmcCUpOhWkOAbKZcQTniCaVWWTz.png)
![ScoreTrigger Edit Collider|84x500](upload://bdEzgBud1vGoPxhj6IDHPjEOqrN.png)

</div>

2 images should appear below:

Bird Edit Collider


Post preview shows 2 images:

but I can see only one of them, extra large: