27.8.3.2.4 Including text with a thumbnail

Suppose you want to display, next to each thumbnail, text to indicate that a full-size version of the graphic is but a click away; for example, Click to enlarge.

If you use extraction to create the thumbnails (see §27.8.3.2.3 Providing scaled thumbnails), you can do something like the following to put the text next to the image:

[ExtrReplace]
Thumbfmt=<$thumbnail>

[thumbnail]
<table border="0"><tr>
  <td><$_extrthumb></td>
  <td><p class="thumbtext">Click to enlarge</p></td>
</tr></table>

Add an entry for p.thumbtext to your CSS, perhaps in [CSSStartMacro] if you have DITA2Go generate CSS each time. You could also give the table a class, and define its properties in the CSS file.

Previous Topic:  27.8.3.2.3 Providing scaled thumbnails

Next Topic:  27.8.3.3 Supplying properties for extracted graphics

Parent Topic:  27.8.3.2 Using thumbnails for links to illustrations in HTML

Sibling Topics:

27.8.3.2.1 Choosing a thumbnail method

27.8.3.2.2 Providing separate thumbnails

27.8.3.2.3 Providing scaled thumbnails

Table of ContentsIndex