comparison doc/main_window_image_pane.html @ 1160:2562e0bc89a1

Mark keyboard keys with a span and make them look like a key through css style.

1159:e2ca6295c5d0

  <h2>Image panning and manipulation</h2>

  <p>When the image size is larger than the image pane, the visible region can be changed with the keyboard or mouse. The keyboard can also be used to adjust the orientation of the image.</p>

  <h3>Keyboard</h3>
  <p>Use the arrow keys to pan the image in the desired direction, to increase the panning speed hold down the [Shift] key while pressing an arrow key.<br />Press [Ctrl] and an arrow key to move to the respective edge of the image. The image can only be panned with the keyboard when the image has the focus, indicated by a dotted line surrounding the image pane.</p>

  <div class="shortcuts">
    <table width="80%" border="1" cellpadding="2" cellspacing="0">
    <col id="image_pane_shortcuts_col1" width="25%"></col>
    <col id="image_pane_shortcuts_col2" width="25%"></col>

          <p>Rotate the image counterclockwise 90 degrees.</p>
        </td>
      </tr>
      <tr>
        <td>
          <p>[Shift] + R</p>
	</td>

        <td>
          <p>Adjust &gt; Rotate 180</p>
        </td>

          <p>Rotate the image 180 degrees.</p>
        </td>
      </tr>
      <tr>
        <td>
          <p>[Shift] + M</p>
	</td>

        <td>
          <p>Adjust &gt; Mirror</p>
        </td>

          <p>Flip the image horizontally.</p>
        </td>
      </tr>
      <tr>
        <td>
          <p>[Shift] + F</p>
	</td>

        <td>
          <p>Adjust &gt; Flip</p>
        </td>

  </table>
  </div>
  <p class="note"><span class="note_label">Note:</span> The rotation, mirror, and flip functions will not change the image file on disk.</p>

  <h3>Mouse</h3>
  <p>Press the primary mouse button on the image and hold it, then move the mouse to pan the image in the desired direction. Releasing the mouse button will stop the panning operation. The mouse wheel can also be used to scroll the image when holding down the [Shift] key <a href="#bottomnote1" class="bottomnote">(*)</a>.</p>

  <p>To scale the image size hold down the [Ctrl] key and scroll the mouse wheel up to zoom in, or down to zoom out.</p>

  <h4>Smooth Scroll</h4>
  <p>To start the smooth scroll function hold down the [Shift] key and click the primary mouse button. An icon will appear at the location of the mouse pointer, the mouse can then be positioned to pan the image. The image will pan in the direction of the mouse pointer relative to the icon. The pan speed will increase in proportion to the distance that the pointer is from the center of the icon. To end the smooth scroll function click the primary mouse button within the image pane.</p>

  <h2>Navigation</h2>

  <p>The displayed image can be changed to the next or previous image using the keyboard or mouse.</p>

  <h2>Displaying images side by side</h2>

  <p>Using View &gt; Split item from the main menu, image pane can be splitted in up to four panes, this allows to display images side by side. You may use drag'n drop to change images in each pane.</p>
  
  <p>Connected zoom is possible through the View &gt; Connected zoom menu. Zoom is then applied to all displayed images.</p>
  <p>Connected scrolling is also possible using [Shift] and first mouse button.</p>



  <p class="bottomnote"><a id="bottomnote1" name="bottomnote1"></a><span class="note_label">(*) Note:</span> The mouse wheel behavior for scrolling and image step can be swapped with the <span class="option_name">Mouse wheel scrolls image</span> option located on the <a href="options_advanced.html">Advanced tab</a> of the preferences dialog.</p>

1160:2562e0bc89a1

  <h2>Image panning and manipulation</h2>

  <p>When the image size is larger than the image pane, the visible region can be changed with the keyboard or mouse. The keyboard can also be used to adjust the orientation of the image.</p>

  <h3>Keyboard</h3>
  <p>Use the Arrows to pan the image in the desired direction, to increase the panning speed hold down the <span class="key">Shift</span> key while pressing an Arrow.<br />Press <span class="key">Ctrl</span> and an Arrow to move to the respective edge of the image. The image can only be panned with the keyboard when the image has the focus, indicated by a dotted line surrounding the image pane.</p>

  <div class="shortcuts">
    <table width="80%" border="1" cellpadding="2" cellspacing="0">
    <col id="image_pane_shortcuts_col1" width="25%"></col>
    <col id="image_pane_shortcuts_col2" width="25%"></col>

          <p>Rotate the image counterclockwise 90 degrees.</p>
        </td>
      </tr>
      <tr>
        <td>
          <p><span class="key">Shift</span> + <span class="key">R</span></p>
	</td>

        <td>
          <p>Adjust &gt; Rotate 180</p>
        </td>

          <p>Rotate the image 180 degrees.</p>
        </td>
      </tr>
      <tr>
        <td>
          <p><span class="key">Shift</span> + <span class="key">M</span></p>
	</td>

        <td>
          <p>Adjust &gt; Mirror</p>
        </td>

          <p>Flip the image horizontally.</p>
        </td>
      </tr>
      <tr>
        <td>
          <p><span class="key">Shift</span> + <span class="key">F</span></p>
	</td>

        <td>
          <p>Adjust &gt; Flip</p>
        </td>

  </table>
  </div>
  <p class="note"><span class="note_label">Note:</span> The rotation, mirror, and flip functions will not change the image file on disk.</p>

  <h3>Mouse</h3>
  <p>Press the primary mouse button on the image and hold it, then move the mouse to pan the image in the desired direction. Releasing the mouse button will stop the panning operation. The mouse wheel can also be used to scroll the image when holding down the <span class="key">Shift</span> key <a href="#bottomnote1" class="bottomnote">(*)</a>.</p>

  <p>To scale the image size hold down the <span class="key">Ctrl</span> key and scroll the mouse wheel up to zoom in, or down to zoom out.</p>

  <h4>Smooth Scroll</h4>
  <p>To start the smooth scroll function hold down the <span class="key">Shift</span> key and click the primary mouse button. An icon will appear at the location of the mouse pointer, the mouse can then be positioned to pan the image. The image will pan in the direction of the mouse pointer relative to the icon. The pan speed will increase in proportion to the distance that the pointer is from the center of the icon. To end the smooth scroll function click the primary mouse button within the image pane.</p>

  <h2>Navigation</h2>

  <p>The displayed image can be changed to the next or previous image using the keyboard or mouse.</p>

  <h2>Displaying images side by side</h2>

  <p>Using View &gt; Split item from the main menu, image pane can be splitted in up to four panes, this allows to display images side by side. You may use drag'n drop to change images in each pane.</p>
  
  <p>Connected zoom is possible through the View &gt; Connected zoom menu. Zoom is then applied to all displayed images.</p>
  <p>Connected scrolling is also possible using <span class="key">Shift</span> and first mouse button.</p>



  <p class="bottomnote"><a id="bottomnote1" name="bottomnote1"></a><span class="note_label">(*) Note:</span> The mouse wheel behavior for scrolling and image step can be swapped with the <span class="option_name">Mouse wheel scrolls image</span> option located on the <a href="options_advanced.html">Advanced tab</a> of the preferences dialog.</p>