Proteopedia:Image as clickable link
From Proteopedia
(→Inside Table) |
(→Inside HTML-Table) |
||
Line 33: | Line 33: | ||
==Inside Wikitable== | ==Inside Wikitable== | ||
- | ==Inside HTML | + | ==Inside HTML Table== |
Technical note: In my attempts to use a wikitable | Technical note: In my attempts to use a wikitable | ||
* With |frame| I was unable to specify the width of the image in pixels. | * With |frame| I was unable to specify the width of the image in pixels. |
Revision as of 22:43, 9 March 2021
This page is a supplement to Proteopedia:Cookbook#Image as clickable link.
People tend to click an image expecting it to take them to more about that image, via a hyperlink. Below are various examples of wikitext to do this.
The examples below go to only one link target, regardless of where you click within the image. If you want to have different targets for different parts of the image, see Proteopedia:Cookbook#Imagemaps.
Contents |
No Link
Clicking this image goes to the image upload page.
[[Image:Cys-spacefilled.png|100px]]
Simplest Link
Clicking this image goes to Introduction to molecular visualization.
<imagemap> Image:Cys-spacefilled.png|100px default [[Introduction to molecular visualization]] </imagemap>
Notice the "100px" which specifies the width of the image. The uploaded image is much larger.
Inside Wikitable
Inside HTML Table
Technical note: In my attempts to use a wikitable
- With |frame| I was unable to specify the width of the image in pixels.
- I was unable to style a border.
Therefore, below I have used an HTML table. Eric Martz 22:31, 9 March 2021 (UTC)
Clicking this image goes to Introduction to molecular visualization. |