How to open images

[Mathieu Langlois]

HI, I've been inserting images in my tiddlers with this syntax, [img[images/pictures.jpg]] which works fine and my pictures are fitting nicely.  But sometimes, they are too small to read text on there and I would like to be able to click on them and have them open full size in a different window or in an image viewer.  Is there a way to do that or do I need some plugin.  I search online and found some things about tm-modal, but never found a clear answer.  I'm using desktop version by the way.

[Mat]

see https://tiddlywiki.com/prerelease/#Images%20in%20WikiText

and how to set size or add class

<:-)

[Mathieu Langlois]

Thanks for the answer, but the width and height only allow me to reduce the size, but the scaling up is limited to the tiddler size.  Which is why I wanted to open a new window with the image full size in it.

[Mat]

Did you try to create a css class for it? For example this seems to work;

[img class="myclass" [Motovun Jack.jpg]]

<style>
.myclass {width:100%;}
</style>

<:-)

[Mathieu Langlois]

Ok, I tried it, here's a printscreen of what I get.  On the left, the image is to 100% of the Tiddler, but on the right, this is the image at 100% I manually opened in an image viewer.  

[Ton Gerner]

Hi Mathieu,

Create a macro: a tiddler tagged with $:/tags/Macro containing:

\define image(source)
<a href="images/$source$" title="Click for a bigger version (opens in a separate tab)" target="_blank">
     <img src="images/$source$"/>
</a>
\end

And use it as follows:

<<image "image.ext">>

Cheers,

Ton

[Mathieu Langlois]

Yes! It does exactly what I wanted!  Thank you!  Thank you Mat too for the help!   :)