Screenshot Extension >

screenshot

The screenshot command explicitly adds a screenshot to the Concordion output. The screenshot can appear inline or as a link.

Example - embedded screenshot

Given the specification maps the prefix cx to the namespace urn:concordion-extensions:2010.

<p cx:screenshot="" />

When run this snippet produces:

<p cx:screenshot=""><a href="ScreenshotCommand1_img1.jpg"><img id="ScreenshotCommand1_img1.jpg" src="ScreenshotCommand1_img1.jpg" width="600" /></a></p>

Example - linked screenshot

Given the specification maps the prefix cx to the namespace urn:concordion-extensions:2010.

<p cx:screenshot="linked" style="text-decoration: underline;" >my image</p>

When run this snippet produces:

<p cx:screenshot="linked" style="text-decoration: underline;" _
 onMouseOver="if (showScreenshotOn(event)) {show('ScreenshotCommand2_img1.jpg');this.style.cursor='pointer'}" _
 onMouseOut="hide('ScreenshotCommand2_img1.jpg');this.style.cursor='default'" _
 onClick="if (showScreenshotOn(event)) {hide('ScreenshotCommand2_img1.jpg');window.location.href='ScreenshotCommand2_img1.jpg'}"> _
my image _
<a href="ScreenshotCommand2_img1.jpg"><img id="ScreenshotCommand2_img1.jpg" src="ScreenshotCommand2_img1.jpg" width="600" class="screenshot" /></a> _
</p>

Further Details