All:
Thanks to Eric's advice I was able to define a macro to display a
thumbnail image, caption and slider for any given input tiddler with
the appropriate three fields. I went one step further and defined
some css styles (borrowing from Rhonda's image caption thread styles)
to draw the box and contents without the use of a table.
The code for the ThumbImageMacro is:
{{{
{{imageBorder{<<tiddler [[$1::theThumbImage]]>>
{{imageCaption{<<tiddler [[$1::theCaption]]>>}}}
<<slider toggleImage [[Apollo13Display::theFullImage]] showFullImage
"click for larger image">>}}}
}}}
The defined styles are:
{{{
.thumbImage img
{
width: 100px;
height: 100px;
}
/* width in .imageBorder should be same as the width in .thumbImage */
.imageBorder {float: left; font-size: 9px; color: black; background-
color: white; border: 1px solid red; padding: 5px; margin: 5px; width:
100px;}
.imageCaption {font-size: 9px; color: black; font-weight:bold;
background-color: white; padding: 5px; }
}}}
Thanks To All
Steve
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
