/usr/share/doc/geeqie/html/GuideMainWindowImagePane.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Image Pane</title>
<link rel="previous" href="GuideMainWindowFolderPane.html" title="
      Folder pane
    ">
<link rel="next" href="GuideMainWindowStatusBar.html" title="
      Status Bar
    ">
<link rel="top" href="GuideIndex.html" title="
      The Geeqie User Manual
    ">
<style type="text/css">

html { height: 100%; }
body {
  margin: 0px; padding: 12px;
  background-color: #f9f9f6;
  min-height: 100%;
  direction: ltr;
}
div, p, pre, blockquote { margin: 0; padding: 0; }
p img { vertical-align: middle; }
sub { font-size: 0.83em; }
sub sub { font-size: 1em; }
sup { font-size: 0.83em; }
sup sup { font-size: 1em; }
table { border-collapse: collapse; }
table.table-pgwide { width: 100%; }
td { vertical-align: top; }
td { padding: 0.2em 0.83em 0.2em 0.83em; }
th { padding: 0 0.83em 0 0.83em; }
tr.tr-shade {
  background-color: #f9f9f6;
}
td.td-colsep { border-right: solid 1px; }
td.td-rowsep { border-bottom: solid 1px; }
thead { border-top: solid 2px; border-bottom: solid 2px; }
tfoot { border-top: solid 2px; border-bottom: solid 2px; }
div.body {
  padding: 1em;
  max-width: 60em;
  background-color: #ffffff;
  border: solid 1px #e0e0df;
}
div.body-sidebar {
  margin-right: 13em;
}
div.division div.division { margin-top: 1.72em; }
div.division div.division div.division { margin-top: 1.44em; }
div.header {
  margin: 0;
  color: #3f3f3f;
  border-bottom: solid 1px #e0e0df;
}
h1, h2, h3, h4, h5, h6, h7 {
  margin: 0; padding: 0;
  color: #3f3f3f;
}
h1.title { font-size: 1.72em; }
h2.title { font-size: 1.44em; }
h3.title { font-size: 1.2em; }
h4.title, h5.title, h6.title, h7.title { font-size: 1em; }
.block { margin-top: 1em; }
.block .block-first { margin-top: 0; }
.block-indent {
  margin-left left: 1.72em;
  margin-: 1em;
}
.block-indent .block-indent { margin-left: 0em; margin-right: 0em; }
td .block-indent  { margin-left: 0em; margin-right: 0em; }
dd .block-indent  { margin-left: 0em; margin-right: 0em; }
.block-verbatim { white-space: pre; }
div.title {
  margin-bottom: 0.2em;
  font-weight: bold;
  color: #3f3f3f;
}
div.title-formal { padding-left: 0.2em; padding-right: 0.2em; }
div.title-formal .label { font-weight: normal; }
a {
  color: #1f609f;
  text-decoration: none;
}
a:hover { text-decoration: underline; }
a:visited { color: #9f1f6f; }
ul, ol, dl { margin: 0; padding: 0; }
li {
  margin-top: 1em;
  margin-left: 2.4em;
  padding: 0;
}
li.li-first { margin-top: 0; }
dt { margin: 1em 0 0 0; }
dt.dt-first { margin: 0; }
dd {
  margin-left: 1.72em;
  margin-top: 0.5em;
}
dl.dl-compact dt { margin-top: 0; }
dl.dl-compact dd { margin-top: 0; margin-bottom: 0; }


ul.linktrail {
  display: block;
  margin: 0.2em 0 0 0;
  text-align: right;
}
li.linktrail { display: inline; margin: 0; padding: 0; }

li.linktrail::before {
  content: '  /  ';
  color: #3f3f3f;
}

li.linktrail-first::before, li.linktrail-only::before { content: ''; }


div.navbar {
  padding: 0.5em 1em 0.5em 1em;
  max-width: 60em;
  background-color: #ffffff;
  border: solid 1px #e0e0df;
}
div.navbar-top { margin-bottom: 1em; }
div.navbar-bottom { margin-top: 1em; clear: both; }
div.navbar img { border: 0; vertical-align: -0.4em; }
table.navbar { width: 100%; margin: 0; border: none; }
table.navbar td { padding: 0; border: none; }
td.navbar-next {
  text-align: right;
}
a.navbar-prev::before {
  
  content: '◀  ';
  color: #3f3f3f;
}
a.navbar-next::after {
  
  content: '  ▶';
  color: #3f3f3f;
}


div.sidebar {
  float: right;
  padding: 0; margin: 0; width: 12em;
}
div.sidenav {
  padding: 0.5em 1em 0 1em;
  background-color: #ffffff;
  border: solid 1px #e0e0df;
}
div.sidenav div.autotoc {
  background-color: #ffffff;
  border: none; padding: 0; margin: 0;
}
div.sidenav div.autotoc div.autotoc { margin-top: 0.5em; }
div.sidenav div.autotoc li { margin-bottom: 0.5em; }
div.sidenav div.autotoc div.autotoc div.autotoc {
  margin-left: 1em;
  margin-top: 0;
}
div.sidenav div.autotoc div.autotoc div.autotoc li { margin-bottom: 0; }


div.autotoc {
  
  display: table;
  margin-top: 1em;
  margin-left: 1.72em;
  padding: 0.5em 1em 0.5em 1em;
  background-color: #f0f9ff;
  border: solid 1px #c0c9ff;
}
div.autotoc ul { margin: 0; padding: 0; }
div.autotoc li { list-style-type: none; margin: 0; }
div.autotoc div.autotoc-title { margin-bottom: 0.5em; }
div.autotoc div.autotoc { border: none; padding: 0; margin-top: 0; margin-bottom: 0.5em; }
div.autotoc div.autotoc div.autotoc { margin-bottom: 0; }


span.bibliolabel {
  color: #3f3f3f;
}


div.admonition {
  padding: 0.5em 6px 0.5em 6px;
  border: solid 1px #e0e0df;
  background-color: #fffff0;
}
div.caution-inner, div.important-inner, div.note-inner, div.tip-inner, div.warning-inner {
  padding-left: 60px;
  background-position: left top;
  background-repeat: no-repeat;
  min-height: 48px;
}
div.caution-inner { background-image: url("admon-caution.png"); }
div.important-inner { background-image: url("admon-important.png"); }
div.note-inner { background-image: url("admon-note.png"); }
div.note-bug div.note-inner { background-image: url("admon-bug.png"); }
div.tip-inner { background-image: url("admon-tip.png"); }
div.warning-inner { background-image: url("admon-warning.png"); }
div.blockquote {
  
  background-image: url('watermark-blockquote-201C.png');
  background-repeat: no-repeat;
  background-position: top left;
  padding: 0.5em;
  padding-left: 4em;
}
div.attribution {
  margin-top: 0.5em;
  color: #3f3f3f;
}
div.attribution::before {
  
  content: '― ';
}
div.epigraph {
  text-align: right;
  margin-left: 20%;
  margin-right: 0;
  color: #3f3f3f;
}
div.figure, div.informalfigure {
  
  display: table;
  padding: 0.5em;
  background-color: #f9f9f6;
  border: solid 1px #e0e0df;
}
div.figure-inner, div.informalfigure-inner {
  padding: 0.5em;
  background-color: #ffffff;
  border: solid 1px #e0e0df;
}
div.caption { margin-top: 0.5em; }
div.programlisting {
  padding: 0.5em;
  
  background-color: #f9f9f6;
  border: solid 1px #e0e0df;
}
div.screen {
  padding: 0.5em;
  
  background-color: #f9f9f6;
  border: solid 1px #e0e0df;
}
div.screen .prompt {
  color: #3f3f3f;
}
div.screen .userinput {
  font-weight: bold;
  color: #3f3f3f;
}
div.programlisting .userinput {
  font-weight: bold;
  color: #3f3f3f;
}
pre.linenumbering {
  color: #3f3f3f;
  margin: 0;
  padding-right: 1em;
  float: left;
  text-align: right;
}



dl.index dt { margin-top: 0; }
dl.index dd { margin-top: 0; margin-bottom: 0; }
dl.indexdiv dt { margin-top: 0; }
dl.indexdiv dd { margin-top: 0; margin-bottom: 0; }
dl.setindex dt { margin-top: 0; }
dl.setindex dd { margin-top: 0; margin-bottom: 0; }
div.list div.title-formal span.title {
  border-bottom: solid 1px #e0e0df;
}
div.simplelist {
  margin-left: 1.72em;
}
div.simplelist table { margin-left: 0; border: none; }
div.simplelist td {
  padding: 0.5em;
  border-left: solid 1px #e0e0df;
}
div.simplelist td.td-first {
  padding-left: 0;
  border-left: 0;
}
div.synopsis {
  padding: 0.5em;
  
  background-color: #f9f9f6;
  border-top: solid 2px #c0c9ff;
  border-bottom: solid 2px #c0c9ff;
}
div.synopsis div.synopsis {
  padding: 0;
  border: none;
}
div.synopsis div.block { margin-top: 0.2em; }
div.synopsis div.block-first { margin-top: 0; }
div.cmdsynopsis { font-family: monospace; }

span.accel { text-decoration: underline; }
span.acronym { font-family: sans-serif; }
span.application { font-style: italic; }
span.classname, span.exceptionname, span.interfacename { font-family: monospace; }
span.code {
  font-family: monospace;
  border: solid 1px #e0e0df;
  padding-left: 0.2em;
  padding-right: 0.2em;
}
pre span.code { border: none; padding: 0; }
span.command {
  font-family: monospace;
  border: solid 1px #e0e0df;
  padding-left: 0.2em;
  padding-right: 0.2em;
}
pre span.command { border: none; padding: 0; }
span.computeroutput { font-family: monospace; }

span.constant { font-family: monospace; }
span.database { font-family: monospace; }
span.email { font-family: monospace; }
span.emphasis { font-style: italic; }
span.emphasis-bold { font-style: normal; font-weight: bold; }
span.envar { font-family: monospace; }

span.filename { font-family: monospace; }
span.firstterm { font-style: italic; }
span.foreignphrase { font-style: italic; }
span.function { font-family: monospace; }

dt.glossterm span.glossterm { font-style: normal; }


span.glossterm { font-style: italic; }

span.guibutton, span.guilabel, span.guimenu, span.guimenuitem, span.guisubmenu, span.interface {
  font-weight: bold;
  color: #3f3f3f;
}
span.keycap {
  font-weight: bold;
  color: #3f3f3f;
}
span.lineannotation { font-style: italic; }
span.literal { font-family: monospace; }
span.markup  { font-family: monospace; }
span.medialabel { font-style: italic; }
span.methodname { font-family: monospace; }
span.ooclass, span.ooexception, span.oointerface { font-family: monospace; }
span.option { font-family: monospace; }
span.parameter { font-family: monospace; }
span.paramdef span.parameter { font-style: italic; }
span.prompt { font-family: monospace; }
span.property { font-family: monospace; }
span.replaceable  { font-style: italic; }
span.returnvalue { font-family: monospace; }
span.sgmltag { font-family: monospace; }
span.structfield, span.structname { font-family: monospace; }
span.symbol { font-family: monospace; }
span.systemitem { font-family: monospace; }
span.token { font-family: monospace; }
span.type { font-family: monospace; }
span.uri { font-family: monospace; }
span.userinput { font-family: monospace; }
span.varname { font-family: monospace; }
span.wordasword { font-style: italic; }



div.footnotes { font-style: italic; font-size: 0.8em; }
div.footnote { margin-top: 1.44em; }
span.footnote-number { display: inline; padding-right: 0.83em; }
span.footnote-number + p { display: inline; }
a.footnote { text-decoration: none; font-size: 0.8em; }
a.footnote-ref { text-decoration: none; }

span.co {
  margin-left: 0.2em; margin-right: 0.2em;
  padding-left: 0.4em; padding-right: 0.4em;
  border: solid 1px #000000;
  -moz-border-radius: 8px;
  background-color: #000000;
  color: #FFFFFF;
  font-size: 8px;
}
span.co:hover {
  border-color: #333333;
  background-color: #333333;
  color: #FFFFFF;
}
span.co a { text-decoration: none; }
span.co a:hover { text-decoration: none; }

dt.question { margin-left: 0em; }
dt.question div.label { float: left; }
dd + dt.question { margin-top: 1em; }
dd.answer {
  margin-top: 1em;
  margin-left: 2em;
  margin-right: 1em;
}
dd.answer div.label { float: left; }
</style>
</head>
<body>
<div class="navbar navbar-top"><table class="navbar"><tr>
<td class="navbar-prev"><a class="navbar-prev" href="GuideMainWindowFolderPane.html" title="
      Folder pane
    ">
      Folder pane
    </a></td>
<td class="navbar-next"><a class="navbar-next" href="GuideMainWindowStatusBar.html" title="
      Status Bar
    ">
      Status Bar
    </a></td>
</tr></table></div>
<div class="sidebar"><div class="sidenav"><div class="autotoc"><ul>
<li><a href="GuideIndex-info.html" title="About This Document">About This Document</a></li>
<li>
<a class="xref" href="GuideIndex.html" title="
      The Geeqie User Manual
    ">
      The Geeqie User Manual
    </a><div class="autotoc"><ul>
<li><a class="xref" href="GuideIntroduction.html" title="
      Introduction
    ">
      Introduction
    </a></li>
<li>
<a class="xref" href="GuideMainWindow.html" title="
      Main Window
    ">
      Main Window
    </a><div class="autotoc"><ul>
<li><a class="xref" href="GuideMainWindowNavigation.html" title="
      Navigation
    ">
      Navigation
    </a></li>
<li><a class="xref" href="GuideMainWindowMenus.html" title="
      Menus
    ">
      Menus
    </a></li>
<li><a class="xref" href="GuideMainWindowLayout.html" title="
      Layout
    ">
      Layout
    </a></li>
<li><a class="xref" href="GuideMainWindowFilePane.html" title="
      File Pane
    ">
      File Pane
    </a></li>
<li><a class="xref" href="GuideMainWindowFolderPane.html" title="
      Folder pane
    ">
      Folder pane
    </a></li>
<li>
      Image Pane
    </li>
<li><a class="xref" href="GuideMainWindowStatusBar.html" title="
      Status Bar
    ">
      Status Bar
    </a></li>
</ul></div>
</li>
<li><a class="xref" href="GuideOtherWindows.html" title="
      Other Windows
    ">
      Other Windows
    </a></li>
<li><a class="xref" href="GuideImageManagement.html" title="
      Image Management
    ">
      Image Management
    </a></li>
<li><a class="xref" href="GuideImageSearch.html" title="
      Image Search
    ">
      Image Search
    </a></li>
<li><a class="xref" href="GuideCollections.html" title="
      Collections
    ">
      Collections
    </a></li>
<li><a class="xref" href="GuideSidebars.html" title="
      Sidebars
    ">
      Sidebars
    </a></li>
<li><a class="xref" href="GuideImagePresentation.html" title="
      Image Presentation
    ">
      Image Presentation
    </a></li>
<li><a class="xref" href="GuidePrinting.html" title="
      Printing
    ">
      Printing
    </a></li>
<li><a class="xref" href="GuideOptions.html" title="
      Options Explained
    ">
      Options Explained
    </a></li>
<li><a class="xref" href="GuideReference.html" title="
      Reference
    ">
      Reference
    </a></li>
<li><a class="xref" href="GuideFaq.html" title="
      Frequently Asked Questions
    ">
      Frequently Asked Questions
    </a></li>
<li><a class="xref" href="GuideCredits.html" title="
      Credits
    ">
      Credits
    </a></li>
<li><a class="xref" href="GuideGnuFdl.html" title="
      GNU Free Documentation License
    ">
      GNU Free Documentation License
    </a></li>
</ul></div>
</li>
</ul></div></div></div>
<div class="body body-sidebar"><div class="division section">
<a name="GuideMainWindowImagePane"></a><div class="header"><h1 class="section title"><span class="title">
      Image Pane
    </span></h1></div>
<ul class="linktrail">
<li class="linktrail linktrail-first"><a class="linktrail" href="GuideIndex.html" title="
      The Geeqie User Manual
    ">
      The Geeqie User Manual
    </a></li>
<li class="linktrail linktrail-last"><a class="linktrail" href="GuideMainWindow.html" title="
      Main Window
    ">
      Main Window
    </a></li>
</ul>
<p class="para block block-first">
      The image pane is the region of the main window that displays the selected image. The image pane allows adjustment of display size and orientation; it also provides several methods to manipulate the image with the mouse and keyboard.
    </p>
<p class="para block"></p>
<div class="autotoc"><ul>
<li>
<span class="label">2.6.1. </span><a class="xref" href="GuideMainWindowImagePane.html#Imagedisplay" title="
      Image display
    ">
      Image display
    </a>
</li>
<li>
<span class="label">2.6.2. </span><a class="xref" href="GuideMainWindowImagePane.html#Imagepanningandmanipulation" title="
      Image panning and manipulation
    ">
      Image panning and manipulation
    </a>
</li>
<li>
<span class="label">2.6.3. </span><a class="xref" href="GuideMainWindowImagePane.html#Navigation" title="
      Navigation
    ">
      Navigation
    </a>
</li>
<li>
<span class="label">2.6.4. </span><a class="xref" href="GuideMainWindowImagePane.html#Contextmenu" title="
      Context menu
    ">
      Context menu
    </a>
</li>
<li>
<span class="label">2.6.5. </span><a class="xref" href="GuideMainWindowImagePane.html#DragandDrop" title="
      Drag and Drop
    ">
      Drag and Drop
    </a>
</li>
<li>
<span class="label">2.6.6. </span><a class="xref" href="GuideMainWindowImagePane.html#Displayingimagessidebyside" title="
      Displaying images side by side
    ">
      Displaying images side by side
    </a>
</li>
</ul></div>
<div class="division section">
<a name="Imagedisplay"></a><div class="header"><h2 class="section title"><span class="title"><span class="label">2.6.1. </span>
      Image display
    </span></h2></div>
<p class="para block block-first">
      The image is drawn to the screen as it is decoded from disk. The image can be panned and zoomed while it is still loading. Image adjustment operations for rotation, mirror, and flip will delay until the image is completed. The adjustment queue will remember one operation and will retain the most recently requested function, which will be performed once the image has finished loading.
    </p>
<p class="para block">
      The quality of the image, especially when using the zoom feature, is dependent on the settings that are available on the <a class="link" href="GuideOptionsImage.html" title="
      Image Options
    ">Image tab</a> of the preferences dialog.
    </p>
<p class="para block">
      To increase the speed of loading the next image when navigating the image list in sequence, enable the <a class="link" href="GuideOptionsImage.html" title="
      Image Options
    ">Preload next image</a> option.
    </p>
<p class="para block"></p>
</div>
<div class="division section">
<a name="Imagepanningandmanipulation"></a><div class="header"><h2 class="section title"><span class="title"><span class="label">2.6.2. </span>
      Image panning and manipulation
    </span></h2></div>
<p class="para block block-first">
      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="para block"></p>
<div class="autotoc"><ul>
<li>
<span class="label">2.6.2.1. </span><a class="xref" href="GuideMainWindowImagePane.html#Keyboard" title="
      Keyboard
    ">
      Keyboard
    </a>
</li>
<li>
<span class="label">2.6.2.2. </span><a class="xref" href="GuideMainWindowImagePane.html#Mouse" title="
      Mouse
    ">
      Mouse
    </a>
</li>
</ul></div>
<div class="division section">
<a name="Keyboard"></a><div class="header"><h3 class="section title"><span class="title"><span class="label">2.6.2.1. </span>
      Keyboard
    </span></h3></div>
<p class="para block block-first">
      Use the Arrows to pan the image in the desired direction, to increase the panning speed hold down the Shift + Arrows.
      Press Ctrl + Arrows 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="table block block-indent"><table style="border: solid 1px;"><tbody>
<tr>
<td class="td-colsep">
          Shortcut
        </td>
<td class="td-colsep">
          Context menu name
        </td>
<td>
          Description
        </td>
</tr>
<tr class="tr-shade">
<td class="td-colsep">
          + =
        </td>
<td class="td-colsep">
          Zoom in
        </td>
<td>
          Zoom in.
        </td>
</tr>
<tr>
<td class="td-colsep">
          -
        </td>
<td class="td-colsep">
          Zoom out
        </td>
<td>
          Zoom out.
        </td>
</tr>
<tr class="tr-shade">
<td class="td-colsep">
          X [Keypad]*
        </td>
<td class="td-colsep">
          Fit image to window
        </td>
<td>
          Scale the image to fit the available display area.
        </td>
</tr>
<tr>
<td class="td-colsep">
          Z [Keypad]/
        </td>
<td class="td-colsep">
          Zoom 1:1
        </td>
<td>
          Reset the zoom to original image size.
        </td>
</tr>
<tr class="tr-shade">
<td class="td-colsep">
          ]
        </td>
<td class="td-colsep">
          Rotate clockwise
        </td>
<td>
          Rotate the image clockwise 90 degrees.
        </td>
</tr>
<tr>
<td class="td-colsep">
          [
        </td>
<td class="td-colsep">
          Rotate counterclockwise
        </td>
<td>
          Rotate the image counterclockwise 90 degrees.
        </td>
</tr>
<tr class="tr-shade">
<td class="td-colsep">
          Shift + R
        </td>
<td class="td-colsep">
          Rotate 180
        </td>
<td>
          Rotate the image 180 degrees.
        </td>
</tr>
<tr>
<td class="td-colsep">
          Shift + M
        </td>
<td class="td-colsep">
          Mirror
        </td>
<td>
          Flip the image horizontally.
        </td>
</tr>
<tr class="tr-shade">
<td class="td-colsep">
          Shift + F
        </td>
<td class="td-colsep">
          Flip
        </td>
<td>
          Flip the image vertically.
        </td>
</tr>
</tbody></table></div>
<p class="para block">
      Note: The rotation, mirror, and flip functions will not change the image data directly. Depending on the <a class="link" href="GuideOptionsMetadata.html" title="
      Metadata Options
    ">Metadata Options</a>, they just alter the Orientation property in memory, in private metadata file or in the image. The image can be rotated according to the saved metadata with "Apply the orientation to image content" command.
    </p>
<p class="para block"></p>
</div>
<div class="division section">
<a name="Mouse"></a><div class="header"><h3 class="section title"><span class="title"><span class="label">2.6.2.2. </span>
      Mouse
    </span></h3></div>
<p class="para block block-first">
      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 class="ulink" href="/wiki#bottomnote1" title="/wiki#bottomnote1">(*)</a>].
    </p>
<p class="para block">
      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>
<p class="para block"></p>
<div class="autotoc"><ul><li>
<span class="label">2.6.2.2.1. </span><a class="xref" href="GuideMainWindowImagePane.html#SmoothScroll" title="
      Smooth Scroll
    ">
      Smooth Scroll
    </a>
</li></ul></div>
<div class="division section">
<a name="SmoothScroll"></a><div class="header"><h4 class="section title"><span class="title"><span class="label">2.6.2.2.1. </span>
      Smooth Scroll
    </span></h4></div>
<p class="para block block-first">
      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 class="para block"></p>
</div>
</div>
</div>
<div class="division section">
<a name="Navigation"></a><div class="header"><h2 class="section title"><span class="title"><span class="label">2.6.3. </span>
      Navigation
    </span></h2></div>
<p class="para block block-first">
      The displayed image can be changed to the next or previous image using the keyboard or mouse.
    </p>
<p class="para block"></p>
<div class="autotoc"><ul>
<li>
<span class="label">2.6.3.1. </span><a class="xref" href="GuideMainWindowImagePane.html#Keyboard1" title="
      Keyboard
    ">
      Keyboard
    </a>
</li>
<li>
<span class="label">2.6.3.2. </span><a class="xref" href="GuideMainWindowImagePane.html#Mouse1" title="
      Mouse
    ">
      Mouse
    </a>
</li>
</ul></div>
<div class="division section">
<a name="Keyboard1"></a><div class="header"><h3 class="section title"><span class="title"><span class="label">2.6.3.1. </span>
      Keyboard
    </span></h3></div>
<p class="para block block-first">
      The <a class="ulink" href="/wiki/PageDown" title="/wiki/PageDown">PageDown?</a> and <a class="ulink" href="/wiki/PageUp" title="/wiki/PageUp">PageUp?</a> 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 <a class="ulink" href="/wiki/SpaceBar" title="/wiki/SpaceBar">SpaceBar?</a> and <a class="ulink" href="/wiki/BackSpace" title="/wiki/BackSpace">BackSpace?</a> keys can also be used to change the image.
    </p>
<p class="para block"></p>
</div>
<div class="division section">
<a name="Mouse1"></a><div class="header"><h3 class="section title"><span class="title"><span class="label">2.6.3.2. </span>
      Mouse
    </span></h3></div>
<p class="para block block-first">
      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 [<a class="ulink" href="/wiki#bottomnote1" title="/wiki#bottomnote1">(*)</a>].
    </p>
<p class="para block"></p>
</div>
</div>
<div class="division section">
<a name="Contextmenu"></a><div class="header"><h2 class="section title"><span class="title"><span class="label">2.6.4. </span>
      Context menu
    </span></h2></div>
<p class="para block block-first">
      Right clicking the mouse or pressing the menu key while the image has the focus will display a menu. The menu functions will perform the same as those that match the window's <a class="link" href="GuideMainWindowMenus.html" title="
      Menus
    ">menu bar</a>, however a few functions are unique to the context menu:
    </p>
<div class="block list variablelist"><dl class="variablelist">
<dt class="term dt-first">
        View in new window
      </dt>
<dd><p class="para block block-first">
        Opens a new window containing a second copy of the current image.
      </p></dd>
<dt class="term">
        Pause slide show, Continue slide show
      </dt>
<dd><p class="para block block-first">
        Controls the pause state of an active slide show, the text of the menu will change to reflect the action that will be performed.
      </p></dd>
</dl></div>
<p class="para block"></p>
</div>
<div class="division section">
<a name="DragandDrop"></a><div class="header"><h2 class="section title"><span class="title"><span class="label">2.6.5. </span>
      Drag and Drop
    </span></h2></div>
<p class="para block block-first">
      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="para block">
      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 class="para block"></p>
</div>
<div class="division section">
<a name="Displayingimagessidebyside"></a><div class="header"><h2 class="section title"><span class="title"><span class="label">2.6.6. </span>
      Displaying images side by side
    </span></h2></div>
<p class="para block block-first">
      Using View &gt; Split item from the main menu, image pane can be splitted in up to four panes, this allows one to display images side by side. You may use drag'n drop to change images in each pane.
    </p>
<p class="para block">
      Connected zoom is possible through the View &gt; Connected zoom menu. Zoom is then applied to all displayed images.
    </p>
<p class="para block">
      Connected scrolling is also possible using Shift and primary mouse button.
    </p>
<p class="para block">
      As a general rule, hotkeys and mouse without shift affects just one image and with shift all images.
    </p>
<p class="para block">
      (*) Note: The mouse wheel behavior for scrolling and image step can be swapped with the Mouse wheel scrolls image option located on the <a class="link" href=".html#GuideOptionsAdvanced" title="">Advanced tab?</a> of the preferences dialog.
    </p>
<p class="para block"></p>
</div>
</div></div>
<div class="navbar navbar-bottom"><table class="navbar"><tr>
<td class="navbar-prev"><a class="navbar-prev" href="GuideMainWindowFolderPane.html" title="
      Folder pane
    ">
      Folder pane
    </a></td>
<td class="navbar-next"><a class="navbar-next" href="GuideMainWindowStatusBar.html" title="
      Status Bar
    ">
      Status Bar
    </a></td>
</tr></table></div>
</body>
</html>
geeqie-common 1:1.2-3 / usr / share / doc / geeqie / html / GuideMainWindowImagePane.html
