Home: TextStyle Internet PublishingHome: TextStyle Internet Publishing
Internet Publishing
26 Apr 2024 - 00:12 EDT
© 1997, 2024
TextStyle Internet Publishing
All rights reserved.
Page last revised for accuracy:
14 Sep 2005 - 00:20 EDT

Powered by TextStyleM! @ textstyle.ca
Weaving style into the fabric of the Web
Weaving style into the fabric of the Web
Home » TextStyleM » The System » Features » Newly Released » Clickable Thumbnail Images

Clickable Thumbnail Images

TextStyle
When you are in the TCode generator of TextStyleM’s "Image Manager" (via "Essential TextStyleM"), two new image types called CLIK and SIMPLECLIK will allow you to place the thumbnail of an image, which online readers can click to enlarge (like the image below). CLIK will place the image with its title and caption (similar to the FOLIO type), while SIMPLECLIK will place only the image and nothing else.

CLIK in Image ManagerCLIK in Image Manager
Click on thumbnail to enlarge it.

For the above thumbnail, the content inside the curly braces of the resulting markup generated by the TCode generator is:

IMG 48 POS1 TYPECLIK I1 L0 IN

For the same effect but without the title and caption, the TCode would be:

IMG 48 POS1 TYPESIMPLECLIK I1 L0 IN

The TYPECLIK image TCode can be set to align the thumbnail to the left (POS1), centre (POS2) or right (POS3). Above, it is POS1, and the 1 following the I means the caption is in italics (0 would mean that it’s not). TextStyleM will ignore the value after L or the IN or OUT argument, and will not offer the CLIK and SIMPLECLIK types if the image has no corresponding thumbnail.


POS2 alignment


CLIK in Image Manager

CLIK in Image Manager
Click on thumbnail to enlarge it.



POS3 alignment


CLIK in Image ManagerCLIK in Image Manager
Click on thumbnail to enlarge it.



Like all other image TCodes, this one can be placed inside an HTML snippet managed with TextStyleM’s "HTML Docs Manager." This functionality can be useful if you want to set two or three thumbnails side by side by placing them inside a traditional HTML table.

Home » TextStyleM » The System » Features » Newly Released » Clickable Thumbnail Images