Request: Add Lightbox option

[friendsofflarum]

Request: Add Lightbox option

[jtojnar]

Lightbox could be enabled with the resize option. The extension would then produce the following code:

[![example.png](https://flagrow.dev/assets/files/2017-04-03/18:17:190-example-200px.png)](https://flagrow.dev/assets/files/2017-04-03/18:17:190-example.png){.lightbox}

where {.lightbox} comes from Link attributes.

Simpler syntax could be also generated, for example

![example.png](file:2017-04-03/18:17:190-example.png)

But this would require syntax hooks or something.

[luceos]

The drawback of adding the full size image to the page (albeit hidden) will be additional loading time and a tremendous hit on performance. I'm not too sure this will be something we would want. On the other hand, loading the full image only after the thumbnail has been clicked makes more sense.

I'm just a bit confused how to work with this in combination of the resize option in the extension configuration. The lightbox would be optional as well.

[mhanoglu]

For Complete image preview template template need to lightbox realy, requires unique number for each image.
And new tag for post title.
Thanks.

[tobyzerner]

I'm probably going to need to hack something together for this for a client - @luceos any direction you can give as to how you'd like to see this done?

[luceos]

@tobscure I'm not too sure. Adding a new template to choose from will disable the Lightbox for previous uploads. Enabling it by default on all images will enable it for full width included images.

Perhaps this should be a global option and we add a class to the generated output by default on image related templates which do not include the image full width. In case the option is enabled we can show the lightbox. An alternative is doing some magic, screening the included image with jQuery for its width (height can be ignored I think) and whether it fits within the Post Body, if not we allow a lightbox effect.