comparison doc/main_window_image_pane.html @ 1105:215e102c1819

Drop most old css classes.

1104:24ea4fda5c38

            <p class="previous"><a href="main_window_folder_pane.html">Previous</a>
            </p>
          </td>

          <td>
            <p class="gq-image-pane-1">Image Pane &ndash; Main Window</p>
          </td>

          <td>
            <p class="gq-image-pane-2"><a href="main_window_status_bar.html">Next</a>
            </p>
          </td>
        </tr>
      </thead>
    </table>

  <br />
  </p>

  <h2>Image panning and manipulation</h2>

  <p class="gq-image-pane-5">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>

  <p class="gq-image-pane-7"><span class="gq-image-pane-6"><b>Keyboard</b>: 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.</span> Press Control 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>

  <p class="gq-image-pane-7">To scale the image size, use the [+] or [=] key to zoom in and the [-] key to zoom out. The [X] or keypad [*] key will scale the image to fit the available display area, the [Z] or keypad [/] key will reset the zoom to original image size. There are also keys to select a preset zoom factor: [1] = 1:1, [2] = 2:1, [3] =3:1, [4] = 4:1, [7] = 1:4, [8] = 1:3, and [9] = 1:2.</p>

  <p class="gq-image-pane-7">To rotate the image clockwise 90 degrees press the &ldquo;]&rdquo; key, to rotate counterclockwise 90 degrees press the &ldquo;[&ldquo; key. To rotate the image 180 degrees use [Shift] + [R], the image can also be flipped horizontally or vertically with the respective [Shift] + [M] (mirror) and [Shift] + [F] (flip) keys.</p>

  <p class="gq-image-pane-8">Note: The rotation, mirror, and flip functions will not change the image file on disk.</p>

  <p class="gq-image-pane-7"><span class="gq-image-pane-6"><b>Mouse</b>:</span> 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 (*).</p>

  <p class="gq-image-pane-7">To scale the image size hold down the [Control] key and scroll the mouse wheel up to zoom in, or down to zoom out.</p>

  <p class="gq-image-pane-7"><b>Smooth Scroll:</b> 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>

  <p><br />
  <br />
  </p>

  <h2>Navigation</h2>

  <p class="gq-image-pane-9">The displayed image can be changed to the next or previous image using the keyboard or mouse.</p>

  <p class="gq-image-pane-7"><b>Keyboard</b>: The Page Down and Page Up keys will change the image to the next or previous image, respectively, in the list. The Home and End keys will jump to the first and last image, respectively. When the image has the focus, the Space and Back Space keys can also be used to change the image.</p>

  <p class="gq-image-pane-7"><b>Mouse</b>: To change to the next image in the list click the left mouse button, click the middle mouse button to change to the previous image. The mouse wheel can also be used to change the current image (*).</p>

  <p><br />
  <br />
  </p>

  <br />
  </p>

  <h2>Drag and Drop</h2>

  <p class="gq-image-pane-7">Files and folders can be dropped onto the image pane, dropping a file will display the file and dropping a folder will change the main window to display the contents of the folder. When dropping multiple items on the image pane, only the first item in the list will be used, all additional items will be ignored.</p>

  <p class="gq-image-pane-7">A drag and drop operation can be initiated from the image pane with the middle mouse button, the dragged item will contain the file path of the displayed image.</p>

  <p><br />
  <br />
  </p>

            <p class="previous"><a href="main_window_folder_pane.html">Previous</a>
            </p>
          </td>

          <td>
            <p class="gq-image-pane-1"><a href="index.html">Contents</a>
            </p>
          </td>

          <td>
            <p class="gq-image-pane-2"><a href="main_window_status_bar.html">Next</a>
            </p>
          </td>
        </tr>
      </thead>

1105:215e102c1819

            <p class="previous"><a href="main_window_folder_pane.html">Previous</a>
            </p>
          </td>

          <td>
            <p class="navtop_title">Image Pane &ndash; Main Window</p>
          </td>

          <td>
            <p class="next"><a href="main_window_status_bar.html">Next</a>
            </p>
          </td>
        </tr>
      </thead>
    </table>

  <br />
  </p>

  <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>

  <p><span class="gq-image-pane-6"><b>Keyboard</b>: 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.</span> Press Control 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>

  <p>To scale the image size, use the [+] or [=] key to zoom in and the [-] key to zoom out. The [X] or keypad [*] key will scale the image to fit the available display area, the [Z] or keypad [/] key will reset the zoom to original image size. There are also keys to select a preset zoom factor: [1] = 1:1, [2] = 2:1, [3] =3:1, [4] = 4:1, [7] = 1:4, [8] = 1:3, and [9] = 1:2.</p>

  <p>To rotate the image clockwise 90 degrees press the &ldquo;]&rdquo; key, to rotate counterclockwise 90 degrees press the &ldquo;[&ldquo; key. To rotate the image 180 degrees use [Shift] + [R], the image can also be flipped horizontally or vertically with the respective [Shift] + [M] (mirror) and [Shift] + [F] (flip) keys.</p>

  <p>Note: The rotation, mirror, and flip functions will not change the image file on disk.</p>

  <p><span class="gq-image-pane-6"><b>Mouse</b>:</span> 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 (*).</p>

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

  <p><b>Smooth Scroll:</b> 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>

  <p><br />
  <br />
  </p>

  <h2>Navigation</h2>

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

  <p><b>Keyboard</b>: The Page Down and Page Up keys will change the image to the next or previous image, respectively, in the list. The Home and End keys will jump to the first and last image, respectively. When the image has the focus, the Space and Back Space keys can also be used to change the image.</p>

  <p><b>Mouse</b>: To change to the next image in the list click the left mouse button, click the middle mouse button to change to the previous image. The mouse wheel can also be used to change the current image (*).</p>

  <p><br />
  <br />
  </p>

  <br />
  </p>

  <h2>Drag and Drop</h2>

  <p>Files and folders can be dropped onto the image pane, dropping a file will display the file and dropping a folder will change the main window to display the contents of the folder. When dropping multiple items on the image pane, only the first item in the list will be used, all additional items will be ignored.</p>

  <p>A drag and drop operation can be initiated from the image pane with the middle mouse button, the dragged item will contain the file path of the displayed image.</p>

  <p><br />
  <br />
  </p>

            <p class="previous"><a href="main_window_folder_pane.html">Previous</a>
            </p>
          </td>

          <td>
            <p class="navbottom_title"><a href="index.html">Contents</a>
            </p>
          </td>

          <td>
            <p class="next"><a href="main_window_status_bar.html">Next</a>
            </p>
          </td>
        </tr>
      </thead>