Image Mapping on mediawiki: Difference between revisions

From CCMDB Wiki
Jump to navigation Jump to search
Created page with "Image mapping means designating parts of a photo, drawing or screen shot to act as links on a web site. On mediawiki this is implemented with the [https://www.mediawiki.org/wi..."
 
mNo edit summary
 
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
Image mapping means designating parts of a photo, drawing or screen shot to act as links on a web site. On mediawiki this is implemented with the [https://www.mediawiki.org/wiki/Extension:ImageMap ImageMap Extension]]; it comes with MediaWiki and is enabled on this wiki.  
Image mapping means designating parts of a photo, drawing or screen shot to act as links on a web site. On mediawiki this is implemented with the [https://www.mediawiki.org/wiki/Extension:ImageMap ImageMap Extension]]; it comes with MediaWiki and is enabled on this wiki.  


An imagemap is available for [[:File:CCMDB_Description.png]] - check its wha-links-here to find it, its final location is not clear yet.  
One of the tasks in creating an image map is to determine the area of the image that should become the link. https://www.image-maps.com/ is a useful tool for this. You will need to change the output from html to MediaWiki markup, but it still designates the areas pretty well. No login is required even if it initially looks like it.  


One of the tasks in creating an image map is to determine the area of the image that should become the link. https://www.image-maps.com/upload.php is a useful tool for this. You will need to change the output from html to MediaWiki markup, but it still designates the areas pretty well. No login is required even if it initially looks like it.
== Imagemap test/example ==
see [[Main Page]]


=== Code ===
<pre>
<imagemap>
Image:CCMDB Description.png|alt=Description of CCMDB sources and outputs
rect 9 104 141 128 [[Demographics]] 


[[Category: Wiki usage]]
...
 
rect 238 624 337 646 [[Publications]]
</imagemap>
</pre>
 
[[Category:Wiki use]]

Latest revision as of 10:06, 29 December 2021

Image mapping means designating parts of a photo, drawing or screen shot to act as links on a web site. On mediawiki this is implemented with the ImageMap Extension]; it comes with MediaWiki and is enabled on this wiki.

One of the tasks in creating an image map is to determine the area of the image that should become the link. https://www.image-maps.com/ is a useful tool for this. You will need to change the output from html to MediaWiki markup, but it still designates the areas pretty well. No login is required even if it initially looks like it.

Imagemap test/example

see Main Page

Code

<imagemap>
Image:CCMDB Description.png|alt=Description of CCMDB sources and outputs
rect 9 104 141 128 [[Demographics]]  

...

rect 238 624 337 646 [[Publications]]
</imagemap>