2014-08-09 11:41:02 +00:00
|
|
|
created: 20140809113603449
|
2014-09-12 15:05:37 +00:00
|
|
|
modified: 20140912142407524
|
2014-09-16 14:19:52 +00:00
|
|
|
tags: [[Learning TiddlyWiki]]
|
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]]">
|
|
|
|
|
<$transclude/>
|
|
|
|
|
</$list>
|
|
|
|
|
</div>
|
