2014-08-09 11:41:02 +00:00
|
|
|
created: 20140809113603449
|
2015-05-21 07:06:16 +00:00
|
|
|
modified: 20150520161451179
|
2014-09-19 16:18:25 +00:00
|
|
|
tags: Learning
|
2014-08-09 11:41:02 +00:00
|
|
|
title: ImageGallery Example
|
|
|
|
|
type: text/vnd.tiddlywiki
|
|
|
|
|
|
|
|
|
|
Here is an example of using the ListWidget and the TranscludeWidget to show a grid of all system images (ie, tiddlers tagged [[$:/tags/Image]]).
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
.my-gallery svg {
|
|
|
|
|
width: 6em;
|
|
|
|
|
height: 6em;
|
|
|
|
|
margin: 1em;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<div class="my-gallery">
|
|
|
|
|
<$list filter="[all[tiddlers+shadows]tag[$:/tags/Image]]">
|
2015-05-21 07:06:16 +00:00
|
|
|
<span title=<<currentTiddler>>>
|
2014-08-09 11:41:02 +00:00
|
|
|
<$transclude/>
|
2015-05-21 07:06:16 +00:00
|
|
|
</span>
|
2014-08-09 11:41:02 +00:00
|
|
|
</$list>
|
|
|
|
|
</div>
|
