feature request: fancy image viewer

[jave]

I would like to display some art with oblog.

example: http://www.verona.se/art/2007/10/09_synapse-boxes.html I added acouple of images to see how it works out and its pretty okay, but can be improved. I just made a new template where i removed the jumbotron.

To further improve the display, it would be neat with one of those fullscreen image viewers. You click the image and it goes fullscreen, click again and it shrunks back. Any idea how to do that?

[jave]

I figured out that the component is called a "bootstrap lightbox".

Any preferences which implementation to use? would a patch be accepted?

How do I add it? just copy the js and css files to the template dir, and implement an oblog plugin?

the lightbox plugin could be used for all images if a config option is set.

WDYT?

[renard]

A patch is a good thing. You may have a look to ob:framework-components in o-blog-framework.

An example:

   (make-ob:framework-component
    :name 'caption :backends '(org)
    :start '(format
         "<div class=\"caption\">%s"
         (if (boundp 'title)
         (format "<h3>%s</h3>" title)
           ""))
    :end "</div>")

would allow you to use:

#+begin_caption: title="Title"
foo
#+end_caption

or in markdown:

<caption title="Title">
foo
</caption>

and will generate:

<div class="caption"><h3>Title</h3>foo</div>

the function ob:string-template does the magic afterwards.

[jave]

A further example on when a "lightbox" style component would be nice:

http://www.verona.se/thoughts/2015/06/google-summer-of-code-2014/index.html

At the bottom is a photo. I have included it with the ordinary org image file syntax, just a linkk withouth description.

As it is now, the image is shown in original size, which is pretty large.

It would be nicer if a thumbnail could be generated and then when you click the thumbnail, a lightbox would be shown for the image.