\widget $image(source)
<$parameters $params="all">
<$list filter="[<currentTiddler>has[images]!has[label]]" variable="img-tids">
<$genesis $type="$image" $remappable="no" source={{{ [<currentTiddler>get[images]] }}}/>
</$list>
<table><tr><td>
<$list filter="[<currentTiddler>has[images]has[label]]" variable="labelled-img-tids">
<$genesis $type="$image" $remappable="no" source={{{ [<currentTiddler>get[images]] }}}/>
</$list>
</td>
</tr>
<tr>
<td>
<$text text=`${[<currentTiddler>get[label]]}$`/>
</td></tr></table>
</$parameters>
\end
With the above code for the image widget, I was able to display the images stored in the images field of a tiddler using this image widget in the viewtemplate. Test this code in https://tiddlywiki.com/. Create a new tiddler with tag$:/tags/Macro/View/Body and the above given code in the text field.
Then use the below given code to create a image tiddler based on the images field rather than the _canonical_uri field and see it working.
<$button>
<$action-sendmessage $message="tm-new-tiddler" title="Blurry Lawn" images="./images/Blurry%2520Lawn.jpg" text="""<$image/>""" label="Blurry image with green grass with flowsers."/>
Create new Tiddler
</$button>
Now I want to include multiple images in the images field and display them. Is it possible to modify the code to support multiple images as shown in this post by @etardiff