1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 <title>Image Pane</title>
6 <link rel="previous" href="GuideMainWindowFolderPane.html" title="Folder pane">
7 <link rel="next" href="GuideMainWindowNavigation.html" title="Navigation">
8 <link rel="top" href="GuideIndex.html" title="The Geeqie User Manual">
9 <style type="text/css">
11 html { height: 100%; }
13 margin: 0px; padding: 12px;
14 background-color: #f9f9f6;
18 div, p, pre, blockquote { margin: 0; padding: 0; }
19 p img { vertical-align: middle; }
20 sub { font-size: 0.83em; }
21 sub sub { font-size: 1em; }
22 sup { font-size: 0.83em; }
23 sup sup { font-size: 1em; }
24 table { border-collapse: collapse; }
25 table.table-pgwide { width: 100%; }
26 td { vertical-align: top; }
27 td { padding: 0.2em 0.83em 0.2em 0.83em; }
28 th { padding: 0 0.83em 0 0.83em; }
30 background-color: #f9f9f6;
32 td.td-colsep { border-right: solid 1px; }
33 td.td-rowsep { border-bottom: solid 1px; }
34 thead { border-top: solid 2px; border-bottom: solid 2px; }
35 tfoot { border-top: solid 2px; border-bottom: solid 2px; }
39 background-color: #ffffff;
40 border: solid 1px #e0e0df;
45 div.division div.division { margin-top: 1.72em; }
46 div.division div.division div.division { margin-top: 1.44em; }
50 border-bottom: solid 1px #e0e0df;
52 h1, h2, h3, h4, h5, h6, h7 {
53 margin: 0; padding: 0;
56 h1.title { font-size: 1.72em; }
57 h2.title { font-size: 1.44em; }
58 h3.title { font-size: 1.2em; }
59 h4.title, h5.title, h6.title, h7.title { font-size: 1em; }
60 .block { margin-top: 1em; }
61 .block .block-first { margin-top: 0; }
63 margin-left left: 1.72em;
66 .block-indent .block-indent { margin-left: 0em; margin-right: 0em; }
67 td .block-indent { margin-left: 0em; margin-right: 0em; }
68 dd .block-indent { margin-left: 0em; margin-right: 0em; }
69 .block-verbatim { white-space: pre; }
75 div.title-formal { padding-left: 0.2em; padding-right: 0.2em; }
76 div.title-formal .label { font-weight: normal; }
79 text-decoration: none;
81 a:hover { text-decoration: underline; }
82 a:visited { color: #9f1f6f; }
83 ul, ol, dl { margin: 0; padding: 0; }
89 li.li-first { margin-top: 0; }
90 dt { margin: 1em 0 0 0; }
91 dt.dt-first { margin: 0; }
96 dl.dl-compact dt { margin-top: 0; }
97 dl.dl-compact dd { margin-top: 0; margin-bottom: 0; }
105 li.linktrail { display: inline; margin: 0; padding: 0; }
107 li.linktrail::before {
112 li.linktrail-first::before, li.linktrail-only::before { content: ''; }
116 padding: 0.5em 1em 0.5em 1em;
118 background-color: #ffffff;
119 border: solid 1px #e0e0df;
121 div.navbar-top { margin-bottom: 1em; }
122 div.navbar-bottom { margin-top: 1em; clear: both; }
123 div.navbar img { border: 0; vertical-align: -0.4em; }
124 table.navbar { width: 100%; margin: 0; border: none; }
125 table.navbar td { padding: 0; border: none; }
129 a.navbar-prev::before {
134 a.navbar-next::after {
143 padding: 0; margin: 0; width: 12em;
146 padding: 0.5em 1em 0 1em;
147 background-color: #ffffff;
148 border: solid 1px #e0e0df;
150 div.sidenav div.autotoc {
151 background-color: #ffffff;
152 border: none; padding: 0; margin: 0;
154 div.sidenav div.autotoc div.autotoc { margin-top: 0.5em; }
155 div.sidenav div.autotoc li { margin-bottom: 0.5em; }
156 div.sidenav div.autotoc div.autotoc div.autotoc {
160 div.sidenav div.autotoc div.autotoc div.autotoc li { margin-bottom: 0; }
168 padding: 0.5em 1em 0.5em 1em;
169 background-color: #f0f9ff;
170 border: solid 1px #c0c9ff;
172 div.autotoc ul { margin: 0; padding: 0; }
173 div.autotoc li { list-style-type: none; margin: 0; }
174 div.autotoc div.autotoc-title { margin-bottom: 0.5em; }
175 div.autotoc div.autotoc { border: none; padding: 0; margin-top: 0; margin-bottom: 0.5em; }
176 div.autotoc div.autotoc div.autotoc { margin-bottom: 0; }
185 padding: 0.5em 6px 0.5em 6px;
186 border: solid 1px #e0e0df;
187 background-color: #fffff0;
189 div.caution-inner, div.important-inner, div.note-inner, div.tip-inner, div.warning-inner {
191 background-position: left top;
192 background-repeat: no-repeat;
195 div.caution-inner { background-image: url("admon-caution.png"); }
196 div.important-inner { background-image: url("admon-important.png"); }
197 div.note-inner { background-image: url("admon-note.png"); }
198 div.note-bug div.note-inner { background-image: url("admon-bug.png"); }
199 div.tip-inner { background-image: url("admon-tip.png"); }
200 div.warning-inner { background-image: url("admon-warning.png"); }
203 background-image: url('watermark-blockquote-201C.png');
204 background-repeat: no-repeat;
205 background-position: top left;
213 div.attribution::before {
223 div.figure, div.informalfigure {
227 background-color: #f9f9f6;
228 border: solid 1px #e0e0df;
230 div.figure-inner, div.informalfigure-inner {
232 background-color: #ffffff;
233 border: solid 1px #e0e0df;
235 div.caption { margin-top: 0.5em; }
239 background-color: #f9f9f6;
240 border: solid 1px #e0e0df;
245 background-color: #f9f9f6;
246 border: solid 1px #e0e0df;
251 div.screen .userinput {
255 div.programlisting .userinput {
269 dl.index dt { margin-top: 0; }
270 dl.index dd { margin-top: 0; margin-bottom: 0; }
271 dl.indexdiv dt { margin-top: 0; }
272 dl.indexdiv dd { margin-top: 0; margin-bottom: 0; }
273 dl.setindex dt { margin-top: 0; }
274 dl.setindex dd { margin-top: 0; margin-bottom: 0; }
275 div.list div.title-formal span.title {
276 border-bottom: solid 1px #e0e0df;
281 div.simplelist table { margin-left: 0; border: none; }
284 border-left: solid 1px #e0e0df;
286 div.simplelist td.td-first {
293 background-color: #f9f9f6;
294 border-top: solid 2px #c0c9ff;
295 border-bottom: solid 2px #c0c9ff;
297 div.synopsis div.synopsis {
301 div.synopsis div.block { margin-top: 0.2em; }
302 div.synopsis div.block-first { margin-top: 0; }
303 div.cmdsynopsis { font-family: monospace; }
305 span.accel { text-decoration: underline; }
306 span.acronym { font-family: sans-serif; }
307 span.application { font-style: italic; }
308 span.classname, span.exceptionname, span.interfacename { font-family: monospace; }
310 font-family: monospace;
311 border: solid 1px #e0e0df;
313 padding-right: 0.2em;
315 pre span.code { border: none; padding: 0; }
317 font-family: monospace;
318 border: solid 1px #e0e0df;
320 padding-right: 0.2em;
322 pre span.command { border: none; padding: 0; }
323 span.computeroutput { font-family: monospace; }
325 span.constant { font-family: monospace; }
326 span.database { font-family: monospace; }
327 span.email { font-family: monospace; }
328 span.emphasis { font-style: italic; }
329 span.emphasis-bold { font-style: normal; font-weight: bold; }
330 span.envar { font-family: monospace; }
332 span.filename { font-family: monospace; }
333 span.firstterm { font-style: italic; }
334 span.foreignphrase { font-style: italic; }
335 span.function { font-family: monospace; }
337 dt.glossterm span.glossterm { font-style: normal; }
340 span.glossterm { font-style: italic; }
342 span.guibutton, span.guilabel, span.guimenu, span.guimenuitem, span.guisubmenu, span.interface {
350 span.lineannotation { font-style: italic; }
351 span.literal { font-family: monospace; }
352 span.markup { font-family: monospace; }
353 span.medialabel { font-style: italic; }
354 span.methodname { font-family: monospace; }
355 span.ooclass, span.ooexception, span.oointerface { font-family: monospace; }
356 span.option { font-family: monospace; }
357 span.parameter { font-family: monospace; }
358 span.paramdef span.parameter { font-style: italic; }
359 span.prompt { font-family: monospace; }
360 span.property { font-family: monospace; }
361 span.replaceable { font-style: italic; }
362 span.returnvalue { font-family: monospace; }
363 span.sgmltag { font-family: monospace; }
364 span.structfield, span.structname { font-family: monospace; }
365 span.symbol { font-family: monospace; }
366 span.systemitem { font-family: monospace; }
367 span.token { font-family: monospace; }
368 span.type { font-family: monospace; }
369 span.uri { font-family: monospace; }
370 span.userinput { font-family: monospace; }
371 span.varname { font-family: monospace; }
372 span.wordasword { font-style: italic; }
376 div.footnotes { font-style: italic; font-size: 0.8em; }
377 div.footnote { margin-top: 1.44em; }
378 span.footnote-number { display: inline; padding-right: 0.83em; }
379 span.footnote-number + p { display: inline; }
380 a.footnote { text-decoration: none; font-size: 0.8em; }
381 a.footnote-ref { text-decoration: none; }
384 margin-left: 0.2em; margin-right: 0.2em;
385 padding-left: 0.4em; padding-right: 0.4em;
386 border: solid 1px #000000;
387 -moz-border-radius: 8px;
388 background-color: #000000;
393 border-color: #333333;
394 background-color: #333333;
397 span.co a { text-decoration: none; }
398 span.co a:hover { text-decoration: none; }
400 dt.question { margin-left: 0em; }
401 dt.question div.label { float: left; }
402 dd + dt.question { margin-top: 1em; }
408 dd.answer div.label { float: left; }
412 <div class="navbar navbar-top"><table class="navbar"><tr>
413 <td class="navbar-prev"><a class="navbar-prev" href="GuideMainWindowFolderPane.html" title="Folder pane">Folder pane</a></td>
414 <td class="navbar-next"><a class="navbar-next" href="GuideMainWindowNavigation.html" title="Navigation">Navigation</a></td>
416 <div class="sidebar"><div class="sidenav"><div class="autotoc"><ul>
417 <li><a href="GuideIndex-info.html" title="About This Document">About This Document</a></li>
419 <a class="xref" href="GuideIndex.html" title="The Geeqie User Manual">The Geeqie User Manual</a><div class="autotoc"><ul>
420 <li><a class="xref" href="GuideIntroduction.html" title="Introduction">Introduction</a></li>
422 <a class="xref" href="GuideMainWindow.html" title="Main Window">Main Window</a><div class="autotoc"><ul>
423 <li><a class="xref" href="GuideMainWindowFilePane.html" title="File Pane">File Pane</a></li>
424 <li><a class="xref" href="GuideMainWindowFolderPane.html" title="Folder pane">Folder pane</a></li>
426 <li><a class="xref" href="GuideMainWindowNavigation.html" title="Navigation">Navigation</a></li>
427 <li><a class="xref" href="GuideMainWindowMenus.html" title="Menus">Menus</a></li>
428 <li><a class="xref" href="GuideMainWindowStatusBar.html" title="Status Bar">Status Bar</a></li>
429 <li><a class="xref" href="GuideMainWindowLayout.html" title="Layout">Layout</a></li>
432 <li><a class="xref" href="GuideSidebars.html" title="Sidebars">Sidebars</a></li>
433 <li><a class="xref" href="GuideOtherWindows.html" title="Stand-alone Windows">Stand-alone Windows</a></li>
434 <li><a class="xref" href="GuideImageSearch.html" title="Search and Select">Search and Select</a></li>
435 <li><a class="xref" href="GuideImageManagementPlugins.html" title="Plugins">Plugins</a></li>
436 <li><a class="xref" href="GuideImageManagement.html" title="File Management">File Management</a></li>
437 <li><a class="xref" href="GuideColorManagement.html" title="Color Management">Color Management</a></li>
438 <li><a class="xref" href="GuideImagePresentation.html" title="Image Presentation">Image Presentation</a></li>
439 <li><a class="xref" href="GuidePrinting.html" title="Printing">Printing</a></li>
440 <li><a class="xref" href="GuideOptionsMain.html" title="Preferences">Preferences</a></li>
441 <li><a class="xref" href="GuideOptionsAdditional.html" title="Additional Preferences">Additional Preferences</a></li>
442 <li><a class="xref" href="GuideReference.html" title="Reference">Reference</a></li>
443 <li><a class="xref" href="GuideFaq.html" title="Frequently Asked Questions">Frequently Asked Questions</a></li>
444 <li><a class="xref" href="GuideLicence.html" title="Licence">Licence</a></li>
445 <li><a class="xref" href="GuideCredits.html" title="Credits">Credits</a></li>
446 <li><a class="xref" href="GuideGnuFdl.html" title="GNU Free Documentation License">GNU Free Documentation License</a></li>
449 </ul></div></div></div>
450 <div class="body body-sidebar"><div class="division section">
451 <a name="GuideMainWindowImagePane"></a><div class="header"><h1 class="section title"><span class="title"><a name="titleGuideMainWindowImagePane"></a>Image Pane</span></h1></div>
452 <ul class="linktrail">
453 <li class="linktrail linktrail-first"><a class="linktrail" href="GuideIndex.html" title="The Geeqie User Manual">The Geeqie User Manual</a></li>
454 <li class="linktrail linktrail-last"><a class="linktrail" href="GuideMainWindow.html" title="Main Window">Main Window</a></li>
456 <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>
457 <p class="para block"></p>
458 <div class="autotoc"><ul>
460 <span class="label">2.3.1. </span><a class="xref" href="GuideMainWindowImagePane.html#Imagedisplay" title="Image display">Image display</a>
463 <span class="label">2.3.2. </span><a class="xref" href="GuideMainWindowImagePane.html#InformationandhistogramOverlay" title="Image Overlay">Image Overlay</a>
466 <span class="label">2.3.3. </span><a class="xref" href="GuideMainWindowImagePane.html#Imagepanningandmanipulation" title="Image panning and manipulation">Image panning and manipulation</a>
469 <span class="label">2.3.4. </span><a class="xref" href="GuideMainWindowImagePane.html#Navigation" title="Navigation">Navigation</a>
472 <span class="label">2.3.5. </span><a class="xref" href="GuideMainWindowImagePane.html#Contextmenu" title="Context menu">Context menu</a>
475 <span class="label">2.3.6. </span><a class="xref" href="GuideMainWindowImagePane.html#ImagePaneDragandDrop" title="Drag and Drop">Drag and Drop</a>
478 <span class="label">2.3.7. </span><a class="xref" href="GuideMainWindowImagePane.html#Displayingimagessidebyside" title="Displaying images side by side">Displaying images side by side</a>
481 <div class="division section">
482 <a name="Imagedisplay"></a><div class="header"><h2 class="section title"><span class="title"><span class="label">2.3.1. </span>Image display</span></h2></div>
483 <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>
484 <p class="para block">
485 The quality of the image, especially when using the zoom feature, is dependent on the settings that are available on the
486 <a class="link" href="GuideOptionsImage.html" title="Image Options">Image tab</a>
487 of the preferences dialog.
489 <p class="para block">
490 To increase the speed of loading the next image when navigating the image list in sequence, enable the
491 <a class="link" href="GuideOptionsImage.html" title="Image Options">Preload next image</a>
494 <p class="para block"></p>
496 <div class="division section">
497 <a name="InformationandhistogramOverlay"></a><div class="header"><h2 class="section title"><span class="title"><a name="titleInformationandhistogramOverlay"></a><span class="label">2.3.2. </span>Image Overlay</span></h2></div>
498 <p class="para block block-first">
499 An image overlay can be turned on and off by repeatedly pressing
500 <span class="keycap">I</span>
501 . This overlay can either display image data such as f-stop, shutter speed and descriptive text, or a histogram.
503 <p class="para block">
504 Data the overlay will always show is:
505 <div class="block list itemizedlist"><ul class="itemizedlist"><li class="li-first">
506 <a class="link" href="GuideImageMarks.html" title="Marking Images">Marks</a>
507 , if they are selected
510 <p class="para block">
511 If the histogram is being displayed,
512 <span class="keycap">K</span>
513 will switch the histogram between colors, and
514 <span class="keycap">J</span>
515 will toggle between a linear or logarithmic histogram.
517 <p class="para block">
518 Data the overlay displays is customizable through the
519 <a class="link" href="GuideOptionsOSD.html#OverlayScreenDisplay" title="Overlay Screen Display">Image Overlay Template</a>
520 option in the Windows tab in the Preferences dialog.
522 <p class="para block"></p>
524 <div class="division section">
525 <a name="Imagepanningandmanipulation"></a><div class="header"><h2 class="section title"><span class="title"><span class="label">2.3.3. </span>Image panning and manipulation</span></h2></div>
526 <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>
527 <p class="para block"></p>
528 <div class="autotoc"><ul>
530 <span class="label">2.3.3.1. </span><a class="xref" href="GuideMainWindowImagePane.html#Keyboard" title="Keyboard and mouse">Keyboard and mouse</a>
533 <span class="label">2.3.3.2. </span><a class="xref" href="GuideMainWindowImagePane.html#Mouse" title="Mouse">Mouse</a>
536 <div class="division section">
537 <a name="Keyboard"></a><div class="header"><h3 class="section title"><span class="title"><span class="label">2.3.3.1. </span>Keyboard and mouse</span></h3></div>
538 <p class="para block block-first">
539 <a class="link" href="GuideReferenceKeyboardShortcuts.html" title="Keyboard and Mouse Shortcuts">Keyboard and Mouse Shortcuts</a>
540 describes how you may manipulate the image displayed.
542 <div class="admonition block note block-indent"><div class="note-inner">
543 <p class="para block block-first">
544 The rotation, mirror, and flip functions do not change the image data, they merely change the image as you view it. You may store the modified orientation into metadata manually with
545 <span class="menuchoice"><span class="guimenu">Edit</span> ▸ <span class="guimenuitem">Orientation</span> ▸ <span class="guimenuitem">Apply the orientation to image content</span></span>
546 , or this may happen automatically if
547 <span class="emphasis">Write altered image orientation to the metadata</span>
549 <a class="link" href="GuideOptionsMetadata.html" title="Metadata">Metadata Options</a>
552 <p class="para block"></p>
554 <div class="division section">
555 <a name="Mouse"></a><div class="header"><h3 class="section title"><span class="title"><span class="label">2.3.3.2. </span>Mouse</span></h3></div>
556 <p class="para block block-first">
557 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
558 <a name="-noteref-ref2"></a><sup><a class="footnote" href="#ref2">1</a></sup>
561 <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>
562 <p class="para block"></p>
563 <div class="autotoc"><ul>
565 <span class="label">2.3.3.2.1. </span><a class="xref" href="GuideMainWindowImagePane.html#SmoothScroll" title="Smooth Scroll">Smooth Scroll</a>
568 <span class="label">2.3.3.2.2. </span><a class="xref" href="GuideMainWindowImagePane.html#MouseWheelMode" title="Mouse Wheel Mode">Mouse Wheel Mode</a>
571 <div class="division section">
572 <a name="SmoothScroll"></a><div class="header"><h4 class="section title"><span class="title"><span class="label">2.3.3.2.1. </span>Smooth Scroll</span></h4></div>
573 <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>
574 <p class="para block"></p>
576 <div class="division section">
577 <a name="MouseWheelMode"></a><div class="header"><h4 class="section title"><span class="title"><span class="label">2.3.3.2.2. </span>Mouse Wheel Mode</span></h4></div>
578 <p class="para block block-first">A single click on the mouse middle button will toggle the function of the mouse wheel between "change image" and "change zoom".</p>
579 <div class="admonition block note block-indent"><div class="note-inner">
580 <p class="para block block-first">
581 This option cannot be used if either the Preference
582 <span class="emphasis">Mouse wheel scrolls image</span>
584 <span class="emphasis">Navigation by left or middle click on image</span>
588 <p class="para block">In Split View mode, each window can be clicked individually so that, in Quad View for example, Connected Zoom can be on 2, 3 or all 4 windows.</p>
592 <div class="division section">
593 <a name="Navigation"></a><div class="header"><h2 class="section title"><span class="title"><span class="label">2.3.4. </span>Navigation</span></h2></div>
594 <p class="para block block-first">The displayed image can be changed to the next or previous image using the keyboard or mouse.</p>
595 <p class="para block"></p>
596 <div class="autotoc"><ul>
598 <span class="label">2.3.4.1. </span><a class="xref" href="GuideMainWindowImagePane.html#Keyboard1" title="Keyboard">Keyboard</a>
601 <span class="label">2.3.4.2. </span><a class="xref" href="GuideMainWindowImagePane.html#Mouse1" title="Mouse">Mouse</a>
604 <div class="division section">
605 <a name="Keyboard1"></a><div class="header"><h3 class="section title"><span class="title"><span class="label">2.3.4.1. </span>Keyboard</span></h3></div>
606 <p class="para block block-first">The PageDown and PageUp 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 SpaceBar and BackSpace keys can also be used to change the image.</p>
607 <p class="para block"></p>
609 <div class="division section">
610 <a name="Mouse1"></a><div class="header"><h3 class="section title"><span class="title"><span class="label">2.3.4.2. </span>Mouse</span></h3></div>
611 <p class="para block block-first">
612 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
616 <p class="para block"></p>
619 <div class="division section">
620 <a name="Contextmenu"></a><div class="header"><h2 class="section title"><span class="title"><span class="label">2.3.5. </span>Context menu</span></h2></div>
621 <p class="para block block-first">
622 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
623 <a class="link" href="GuideMainWindowMenus.html" title="Menus">menu bar</a>
624 , however a few functions are unique to the context menu:
626 <div class="block list variablelist"><dl class="variablelist">
627 <dt class="term dt-first">View in new window</dt>
629 <p class="para block block-first">Opens a new window containing a second copy of the current image.</p>
631 <dt class="term">Pause slide show, Continue slide show</dt>
633 <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>
636 <p class="para block"></p>
638 <div class="division section">
639 <a name="ImagePaneDragandDrop"></a><div class="header"><h2 class="section title"><span class="title"><a name="titleImagePaneDragandDrop"></a><span class="label">2.3.6. </span>Drag and Drop</span></h2></div>
640 <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>
641 <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>
642 <p class="para block"></p>
644 <div class="division section">
645 <a name="Displayingimagessidebyside"></a><div class="header"><h2 class="section title"><span class="title"><span class="label">2.3.7. </span>Displaying images side by side</span></h2></div>
646 <p class="para block block-first">Using View > Split item from the main menu, image pane can be split into either two or four panes, allowing one to display images side by side. You may use drag'n drop to change images in each pane.</p>
647 <p class="para block">
648 Connected zoom is possible through the
649 <span class="emphasis emphasis-bold">View▸Zoom▸Connected Zoom</span>
650 menu item. Zoom is then applied to all displayed images.
652 <p class="para block">Connected scrolling is also possible using Shift and primary mouse button.</p>
653 <p class="para block">As a general rule, hotkeys and mouse without shift affects just one image and with shift all images.</p>
654 <p class="para block"></p>
656 <div class="footnotes"><div class="footnote">
657 <a name="ref2"></a><span class="footnote-number"><a class="footnote-ref" href="#-noteref-ref2">1</a></span>
658 The mouse wheel behavior for scrolling and image step can be swapped with the "Mouse wheel scrolls image" option located on the
659 <a class="link" href="GuideOptionsBehavior.html" title="Behavior Options">Behaviour tab</a>
660 of the preferences dialog.
663 <div class="navbar navbar-bottom"><table class="navbar"><tr>
664 <td class="navbar-prev"><a class="navbar-prev" href="GuideMainWindowFolderPane.html" title="Folder pane">Folder pane</a></td>
665 <td class="navbar-next"><a class="navbar-next" href="GuideMainWindowNavigation.html" title="Navigation">Navigation</a></td>