<?xml version="1.0"?>

<pattern collection="welie" patternID="navigator" xmlns="http://www.welie.com/plml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.welie.com/plml.xsd">

<name>Panning Navigator (panning/preview)</name>
<author>Martijn van Welie</author>
<problem>Users need to navigate an area that is larger than the display they use
</problem>


<context>Reading large texts or viewing maps/images. for example on a <a href="#">Article Page</a> or <pattern-link patternID="product-page"/> or even <pattern-link patternID="case-study"/> as shown in the example.
</context>

<illustration><img src="images/navigator-sapient.gif" border="1"/><br/>From 
<a href="http://www.sapient.com">www.sapient.com</a><br/> 
</illustration>

<pattlet>Show a preview of the entire image with the currently viewable area marked
</pattlet>


<solution>User can change the area they view by dragging the viewable area marking.
</solution>

<rationale>
</rationale>

<example><img src="#"/>
</example>

<uses>
</uses>

<references>
</references>
</pattern>

