Link Shadow Box? HTML/NoNumbers?

Hi SI team

I posted about this before.

http://stackideas.com/forums/link-shadow-box-jce-nonumbers

So I can get this to work for a link if I switch to the HTML editor.
But what about an image!?!

a) Click Image
b) Image opens link in a shadow box.

I was looking at this here:

https://www.nonumber.nl/extensions/modals#link-to-an-image

*********************************************************
Add link to an Image
To add a modal link to an image, simply place the {modal} tags around the image.
Example: 
{modal index.php/123-my-article}{/modal}
Add link to an Image
To add a modal link to an image, simply place the {modal} tags around the image.
Example: 
{modal index.php/123-my-article}{/modal}
*********************************************************
My guess is that this is not going to work for an image as if I understand things correctly images need to be uploaded using the EB Media manager using an Image Block? Which would mean I can not enter code!

Please advise if this assumption is correct?

thanks

Paul