I am using a nested slider (see below) with a small image as the
slider button. Clicking the slider button displays a larger version
of the image along with the image caption. My question is -- how to
replace
{{{ <img src=Image.jpg> }}} with something more flexible like
{{{[[ImageWithCaption::theSmallImage]]}}} or even better
{{{ {{makeASmallerImage{<<tiddler [[ImageWithCaption::theImage]]
>>}}} }}}
It would also be nice to replace {{{ small image caption }}} with
{{{ <<tiddler [[ImageWithCaption::theCaption]]>> }}} but that does not
seem to work. Having the this flexibility would allow the nested
slider to be "generalized" by embedding it within a macro and
replacing {{{ImageWithCaption}}} with {{{ $1 }}}.
Background:
The nested slider (all on one line):
{{{
+++[<img src=Image.jpg; style="max-width: 100px; max-height: 100px;
border: 1px solid gray; padding: 2px;">|small image caption]
{{makeALargerImage{<<tiddler [[ImageWithCaption::theImage]]>>}}}
<<tiddler [[ImageWithCaption::theCaption]]>>===
}}}
The ImageWithCaption tiddler
{{{
theCaption: This is an image of a Senegal parrot.
theImage: [img[Image.jpg]]
theSmallImage: {{makeASmallerImage{[img[Image.jpg]]}}}
}}}
The CSS style definitions:
{{{
.makeALargerImage img {height: 360px; border: 1px solid gray; padding:
2px;}
.makeASmallerImage img {height: 120px; padding: 2px;}
}}}
Thanks
Steve W
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/TiddlyWiki?hl=en
-~----------~----~----~----~------~----~------~--~---
