Proteopedia:Image as clickable link

From Proteopedia

proteopedia linkproteopedia link

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 1 No Link 2 Simplest Link 3 Inside Wikitable 4 Inside HTML-Table

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.