On Tuesday, September 29, 2015 at 9:49:28 PM UTC-7, Joe Mehegan wrote:
>
> I am new to Tiddlywiki. My work wants me to start using this for reports 
> and group feedback.
> I must use TWC as work uses IE 9, due to company's operating software not 
> compatible with the newer version of IE.
> I have been searching for the last 3 days to find out how to have a text 
> link that will popup a window with an image in it.
> ie: *see plot of S11 & S21 parameters. *when clicked the image will 
> popup, no menus just a borderless image, with the ability to change image 
> size.
> I am sure there is an easy way to do this but I haven't been able to 
> locate it.
>

Using http://www.TiddlyTools.com/#NestedSlidersPlugin, you can write:

+++^*[text]...[img[images/filename.jpg]]===

where:
+++
   marks the beginning of the slider syntax
^*
   specifies that the slider is "floating" and "transient (i.e., a 'popup')
[text]
   is the label to click on
...
   defers loading of the slider content (the image) until the first time it 
is opened
[img[images/imagefile.jpg]]
   is standard TiddlyWiki syntax for displaying the desired image
===
   marks the ending of the slider syntax

If you want to specify the size of the displayed image, you will also need
   http://www.tiddlytools.com/#ImageSizePlugin
which extends the [img[...]] syntax to add size parameters, like this:
   [img(w,h)[...]]
where 'w' and 'h' are width and height, using CSS dimensions (e.g., 10px, 
0.5in, 3cm, 50%, "auto", etc.).  Also, if you append a trailing "+" to a 
CSS dimension, it will allow you to *interactively* drag inside the image 
to resize it in that dimension.

Alternatively, if you want to show a small "thumbnail" of an image and then 
click for a popup larger image, then you can use:
   http://www.TiddlyTools.com/#ThumbThing
which provides a "transclusion" of some HTML code that you invoke like this:
   <<tiddler ThumbThing with: image thumbWidth thumbHeight fullWidth 
fullHeight>>

enjoy,
-e
Eric Shulman
ELS Design Studios
TiddlyTools - "Small Tools for Big Ideas!"
InsideTiddlyWiki: The Missing Manuals

YOUR DONATIONS ARE VERY IMPORTANT!
HELP ME TO HELP YOU - MAKE A CONTRIBUTION TO MY "TIP JAR"...
   http://TiddlyTools.github.com/fundraising.html#MakeADonation

Professional TiddlyWiki Consulting Services...
Analysis, Design, and Custom Solutions:
   http://www.TiddlyTools.com/#Contact

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/05b0f04c-39f0-4d41-a8ae-5af702e012b4%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to