Proteopedia:Image as clickable link
From Proteopedia
(→Inside HTML-Table) |
(→Simplest Link) |
||
| Line 20: | Line 20: | ||
default [[Introduction to molecular visualization]] | default [[Introduction to molecular visualization]] | ||
</imagemap> | </imagemap> | ||
| - | Clicking this image goes to ''Introduction to molecular visualization''. | + | Clicking this image goes to ''Introduction to molecular visualization''. Clicking the blue circle with "i" goes to the uploaded image. |
<PRE> | <PRE> | ||
Revision as of 23:03, 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. Clicking the blue circle with "i" goes to the uploaded image.
<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. |
