plugin:imagemapping
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionLast revisionBoth sides next revision | ||
plugin:imagemapping [2020-06-12 12:23] – gamma | plugin:imagemapping [2024-03-12 14:51] – andi | ||
---|---|---|---|
Line 3: | Line 3: | ||
---- plugin ---- | ---- plugin ---- | ||
description: | description: | ||
- | author | + | author |
email : tools@inetsoftware.de | email : tools@inetsoftware.de | ||
type : syntax | type : syntax | ||
- | lastupdate : 2020-03-04 | + | lastupdate : 2022-11-22 |
- | compatible : !Hogfather, Binky+ | + | compatible : Kaos, Binky, Elenor Of Tsort |
depends | depends | ||
conflicts | conflicts | ||
Line 18: | Line 18: | ||
donationurl: | donationurl: | ||
+ | screenshot_img: | ||
---- | ---- | ||
Line 25: | Line 26: | ||
Search and install the plugin using the [[plugin: | Search and install the plugin using the [[plugin: | ||
- | |||
- | After installing, you must refresh the style cache. Go to the [[plugin: | ||
- | |||
==== Changes ==== | ==== Changes ==== | ||
Line 42: | Line 40: | ||
Type normal wiki markup here. Links will be automatically detected and used in the image map. | Type normal wiki markup here. Links will be automatically detected and used in the image map. | ||
- | * [[wikipage|Description @ 10, | + | [[wikipage|Description @ 10, |
- | | + | [[wp> |
- | | + | [[http:// |
{{<map}} | {{<map}} | ||
</ | </ | ||
+ | |||
This example will display the image '' | This example will display the image '' | ||
Line 66: | Line 65: | ||
Note: As with any media link, you may want to include the leading colon when defining the image < | Note: As with any media link, you may want to include the leading colon when defining the image < | ||
+ | |||
+ | ===== Shape Editor ===== | ||
+ | |||
+ | The plugin comes with a toolbar button that will help you create and edit image maps. The button is sensitive to your current cursor position. | ||
+ | |||
+ | * Cursor inside an existing image syntax -> allows you to convert this image into a new image map | ||
+ | * Cursor inside an existing image map, but not on an individual link -> add a new link | ||
+ | * Cursor inside an existing image map's link -> edit that link's shape | ||
+ | |||
+ | The Editor allows you to add and remove control points for the shape (Circle -> Rectangle -> Poligon). Simply drag and drop the control point to the desired location, click save and the coordinates of your link are updated. Edit the link syntax as usual. | ||
+ | |||
Line 84: | Line 94: | ||
> See '' | > See '' | ||
+ unescape("< | + unescape("< | ||
+ | |||
+ | |||
+ | ===== Third Party Plugin ===== | ||
+ | ==== Combo ==== | ||
+ | To be able to work with [[plugin: |
plugin/imagemapping.txt · Last modified: 2024-03-12 14:51 by andi