> Are there any TW tools available to create hotspot links to a tiddler
> off an image.
There is actually a native HTML 'image map' syntax that can be used to
create 'hotspots' that are linked to URLs (href) or invoke javascript
(onclick), like this:
<html>
<img src="..." usemap=#mapname>
<map name="mapname">
<area shape="poly" coords="x1,y1,x2,y2,..."
href="..." onclick="...">
<area shape="poly" coords="x1,y1,x2,y2,..."
href="..." onclick="...">
<area shape="poly" coords="x1,y1,x2,y2,..."
href="..." onclick="...">
</map>
</html>
Of course, this syntax isn't very user-friendly.... so, I've created a
new plugin:
http://www.TiddlyTools.com/#ImageMapPlugin
which makes it easier to define and apply a set of "polygon
coordinates" to any embedded image, like this:
[img[...]]<<imageMap MapName>>
where MapName is the title of a tiddler (or tiddler section)
containing an 'HR-separated' list of items. The first line of each
item is the title of a tiddler to link to. The second line is a comma-
separated list of 'polygon coordinates' using standard HTML map <AREA
COORDS="..."> syntax (e.g., a series of X,Y pairs:
"x1,y1,x2,y2,x3,y3,...", that trace out the desired shape).
Until I can write a TiddlyWiki-native interactive 'image map editor',
you'll need to use a 3rd-party utility app to generate the lists of
coordinate values and then copy/paste those values into the HR-
separated tiddler. Just do a search for "image map editor" and pick
one.
enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
