You can now create images which can be panned left or right, ideal for displaying panoramic images of offices or landscapes in width-restrictive designs.

Simply add mode="panoramic" to your image tag to begin with.

You must then also specify the height and width of the viewing window.  The width of the image is assumed to be longer than the width specified for the viewing window.  The height should therefore probably be equal to the height of the image.

Finally, specify what type of scrolling you would like.  The default is for the image to scroll automatically when the mouse hovers near to the edges of the image.  If you only want it to scroll when a user clicks, then add scrolltype="click".

This is an example of a typical panoramic declaration:

<image source="panoramic.jpg" width="300px" height="200px" scrolltype="click" />

Need to see the contents of the user node?

Simply insert <xsl:apply-templates mode="shownode" select="$node.user>into your XSLT.

Need to see the theme schematic?

Simply insert <xsl:variable name="showschematic" select="1" /> into the theme.

Need to see debugging information on a page?

Simply insert <state group="all" /> between the section tags.