I'd like it to be on par with the fullscreen video experience. Eventually, 
if I can implement this to begin with, I'd like to add some more controls 
and customisation.

Just relooked at modals as a solution. I think this might actually work. 
Before I was concerned about the button at the bottom, but that is all 
customisable, and combined with action-sendmessage with tm-full-screen, and 
tm-close-tiddler, this should be... done, I just did it. 

First define a convenient macro:
\define fullscreen-image(path)
<$button>
<$action-sendmessage $message="tm-modal" $param="image-viewer" 
image-path=$path$ 
/>
<$action-sendmessage $message="tm-full-screen" />
<img src=$path$>
</$button>
\end
So it's just a button with an image inside and a couple of action widgets. 
The first action widget opens the modal tiddler, as a modal of course, and 
passes it the path of the image. The other action widget enters fullscreen 
mode.

So in some tiddler where you want an image, just insert:
<<fullscreen-image "image-path.png">>

The "image-viewer" tiddler is what will be shown in the modal:
<$button>
<$action-sendmessage $message="tm-close-tiddler" />
<$action-sendmessage $message="tm-full-screen" $param="exit" />
<img src=<<image-path>>>
</$button>

footer: (leave blank)
Very similar to the macro, but with different action widgets. The first 
action widget closes the modal tiddler. The second exits fullscreen mode.

Not bad I'd say. Just a bit of CSS to tidy it up.

Might make that into a more clear tutorial once my site is ready.

Oh, and my docs thread is up 
<https://groups.google.com/forum/#!topic/tiddlywikidocs/aza8eIgtLAQ>, it's 
a call to create a hub for this sort of thing with tutorials etc. Basically 
improving https://tiddlywiki.com/dev/. Already got some replies.

Kalcifer

On Thursday, May 21, 2020 at 10:27:08 PM UTC+1, PMario wrote:
>
> Hi, 
>
> TW can't allow executable <script> tags in tiddler content, because of 
> security reasons. 
>
> Would this http://tobibeer.github.io/tw/ibox/#GettingStarted solution be 
> OK for you, or do you need a fill 100% of the screen?
>
> It uses the default TW modal mechanism: https://tiddlywiki.com/#Modals
>
> -m
>

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWikiDev" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywikidev/4ee5344c-62ed-4c9c-84de-75f07c7e0b01%40googlegroups.com.

Reply via email to