Widget:ThumbnailLink

From CACWiki

This widget allows you to add thumbnail images that link to an external website.

It is created by User:Srbecker, based on Widget:Picasa by Sergey Chernyshev.

To insert this widget, use the following code:

{{#widget:ThumbnailLink
|target=http://picasaweb.google.com/lh/photo/Cf3ix7CNLd49gQW_BF6yMg?feat=embedwebsite
|src=http://lh6.ggpht.com/_cmxOBq7EBLQ/S6e88IZuOcI/AAAAAAAARMc/4f0mxW8Dpno/s144/MtWhitney_18.jpg
|height=40
}}

and it will insert something like <a href="http://picasaweb.google.com/lh/photo/Cf3ix7CNLd49gQW_BF6yMg?feat=embedwebsite"><img src="http://lh6.ggpht.com/_cmxOBq7EBLQ/S6e88IZuOcI/AAAAAAAARMc/4f0mxW8Dpno/s144/MtWhitney_18.jpg" /></a>

Parameters

• target - link target, in full URL form
• src - URL of thumbnail image
• width and height are optional; default is the full size of the thumbnail
• caption - optional. If provided, then looks like a wiki image. If not provided, looks just like an image.
• align - either 'left' or 'right'. If not provided, the image floats, so you can have several per line

Sample result

To have elements that can display several on the same line

{{#widget:ThumbnailLink
|target=http://picasaweb.google.com/lh/photo/Cf3ix7CNLd49gQW_BF6yMg?feat=embedwebsite
|src=http://lh6.ggpht.com/_cmxOBq7EBLQ/S6e88IZuOcI/AAAAAAAARMc/4f0mxW8Dpno/s144/MtWhitney_18.jpg
|caption=Part of our group ice climbing
}}
{{#widget:ThumbnailLink
|target=http://picasaweb.google.com/lh/photo/Cf3ix7CNLd49gQW_BF6yMg?feat=embedwebsite
|src=http://lh6.ggpht.com/_cmxOBq7EBLQ/S6e88IZuOcI/AAAAAAAARMc/4f0mxW8Dpno/s144/MtWhitney_18.jpg
|caption=Part of our group ice climbing
}}

To make a clear, use <br clear="all"> or <br style="clear: both" />

To display an image with a specified alignment:

{{#widget:ThumbnailLink
|target=http://picasaweb.google.com/lh/photo/lrNjHSCpnNlL2awL3NQfhA?feat=embedwebsite
|src=http://lh6.ggpht.com/_cmxOBq7EBLQ/S6e8_jf8XAI/AAAAAAAARMw/iK6vcWPyCAQ/s144/MtWhitney_28.jpg
|caption=Whitney and the aguilles
|width=150
|align=right
}}

And if you don't specify a caption, this is what you get:

{{#widget:ThumbnailLink
|target=http://picasaweb.google.com/lh/photo/lrNjHSCpnNlL2awL3NQfhA?feat=embedwebsite
|src=http://lh6.ggpht.com/_cmxOBq7EBLQ/S6e8_jf8XAI/AAAAAAAARMw/iK6vcWPyCAQ/s144/MtWhitney_28.jpg
}}