# Better Discourse Lightbox

**URL:** https://meta.discourse.org/t/better-discourse-lightbox/106993
**Category:** Feature
**Created:** [January 19, 2019, 9:41pm UTC](https://meta.discourse.org/t/better-discourse-lightbox/106993 "2019-01-19T21:41:02Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![rootsh3ll](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rootsh3ll/32/119507_2.png) [@rootsh3ll](https://meta.discourse.org/u/rootsh3ll)
#### Post date: [January 19, 2019, 9:41pm UTC](https://meta.discourse.org/t/better-discourse-lightbox/106993/1 "2019-01-19T21:41:02Z")

</div>

I was trying to hack the discourse lightbox using fluidbox that [medium.com](http://medium.com) / [imgur.com](http://imgur.com) uses as their lightboxed images.

https://www.youtube.com/embed/3Xj0mXtIudA?feature=oembed&wmode=opaque

I think the **fluidbox** experience is much better because it’s

- Intuitive
- Straight forward
- Gives a sense of the content (even in galleries)
- Smooth

See here for an example and fluidbox source code: [Fluidbox, a jQuery plugin for beautiful lightboxes](http://terrymun.github.io/Fluidbox/demo/index.html#immediate-loading)

But, quickly realised it isn’t quite possible to create custom CSS or import stylesheets into discourse without a plugin.

Is there anybody who has implemented fluidbox into his/her discourse instance? I’d like to learn the steps to replicate the same on my own DI.

Any help is greatly appreciated. 🙂

---

<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 20, 2019, 12:45am UTC](https://meta.discourse.org/t/better-discourse-lightbox/106993/2 "2019-01-20T00:45:20Z")

</div>

What’s better about It? The current lightbox seems fine to me.

Here is a sample image to lightbox

 ![image](https://global.discourse-cdn.com/meta/original/3X/7/b/7b5d8e449ce1963249f6947e36e9576de5ca9fcf.jpeg)

Explain to me what specifically would be better about this image with a different lightbox?

---

<div class="post-metadata">

### Author: ![rootsh3ll](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rootsh3ll/32/119507_2.png) [@rootsh3ll](https://meta.discourse.org/u/rootsh3ll)
#### Post date: [January 20, 2019, 3:34am UTC](https://meta.discourse.org/t/better-discourse-lightbox/106993/3 "2019-01-20T03:34:54Z")

</div>

In terms for UX, it is better to have a sense of your content. To visually see the content, where it is coming from and going back to it’s original place.

In current state, No matter how many images in a gallery (say 4X4), the image will only popup from the centre.

For instance, compare the app open animations of Android and iOS. on. iOS, it’s much more fluid and open’s right from the app icon, unlike Android which opens app from centre/bottom of the screen no matter where the app is actually located on the display.

That aspect makes the _new_-lightboxit more intuitive.

I am not sure it’s that big of a factor. That’s just my humble opinion.

By the way, there’s a reason we see discussions like this: [Reddit - Please wait for verification](https://www.reddit.com/r/ios/comments/8dypud/why_is_android_less_fluid_than_ios/)

and this: [Reddit - Please wait for verification](https://www.reddit.com/r/Android/comments/8i7emg/can_we_just_appreciate_how_good_the_animations/)
