Better Discourse Lightbox

I was trying to hack the discourse lightbox using fluidbox that / uses as their lightboxed images.

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

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. :slight_smile:

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

Here is a sample image to lightbox

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


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:

and this: