Mercurial > geeqie.yaz

comparison doc/3_1_image_window.html @ 1076:1ecc4f010111

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
With the help of tidy and sed, move html files to xhtml+css. Css classes were prefixed to ease future changes (like a common css file).
author zas_
date Thu, 23 Oct 2008 19:06:23 +0000
parents 578a27d20b47
children
comparison
equal deleted inserted replaced
1075:578a27d20b47 1076:1ecc4f010111
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 1 <?xml version="1.0" encoding="iso-8859-1"?>
2 <HTML> 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
3 <HEAD> 3 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4 <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=iso-8859-1"> 4
5 <TITLE>Image Window - Geeqie User Manual</TITLE> 5 <html xmlns="http://www.w3.org/1999/xhtml">
6 <META NAME="CREATED" CONTENT="20040805;23590500"> 6 <head>
7 <META NAME="CHANGED" CONTENT="20041022;15583700"> 7 <meta http-equiv="CONTENT-TYPE" content="text/html; charset=iso-8859-1" />
8 </HEAD> 8
9 <BODY LANG="en-US" DIR="LTR"> 9 <title>Image Window - Geeqie User Manual</title>
10 <CENTER> 10 <meta name="CREATED" content="20040805;23590500" />
11 <TABLE WIDTH=100% BORDER=0 CELLPADDING=4 CELLSPACING=0 STYLE="page-break-before: always"> 11 <meta name="CHANGED" content="20041022;15583700" />
12 <COL WIDTH=85*> 12 <style type="text/css">
13 <COL WIDTH=85*> 13 /*<![CDATA[*/
14 <COL WIDTH=85*> 14 p.gq-image-window-6 {margin-bottom: 0in}
15 <THEAD> 15 p.gq-image-window-5 {margin-left: 0.79in}
16 <TR VALIGN=TOP> 16 div.gq-image-window-4 {text-align: center}
17 <TD WIDTH=33%> 17 table.gq-image-window-3 {page-break-before: always}
18 <P><A HREF="3_other_windows.html">Previous</A></P> 18 p.gq-image-window-2 {text-align: right}
19 </TD> 19 p.gq-image-window-1 {text-align: center}
20 <TD WIDTH=33%> 20 /*]]>*/
21 <P ALIGN=CENTER>Image Window - Other Windows</P> 21 </style>
22 </TD> 22 </head>
23 <TD WIDTH=33%> 23
24 <P ALIGN=RIGHT><A HREF="3_2_image_properties.html">Next</A></P> 24 <body lang="en-US" dir="ltr" xml:lang="en-US">
25 </TD> 25 <div class="gq-image-window-4">
26 </TR> 26 <table width="100%" border="0" cellpadding="4" cellspacing="0" class="gq-image-window-3">
27 </THEAD> 27 <col width="85*" />
28 </TABLE> 28 <col width="85*" />
29 </CENTER> 29 <col width="85*" />
30 <HR> 30
31 <H1>3.1 Image Window</H1> 31 <thead>
32 <P>An image window is a window that displays only the image.</P> 32 <tr valign="top">
33 <P>An image window can always be opened from the context menu of all 33 <td width="33%">
34 images and files. Keyboard shortcuts exist for most windows that 34 <p><a href="3_other_windows.html">Previous</a>
35 display images or files, however the shortcut can vary dependent on 35 </p>
36 the type of window containing them.</P> 36 </td>
37 <P><BR><BR> 37
38 </P> 38 <td width="33%">
39 <P>The image pane contained in an image window behaves and operates 39 <p class="gq-image-window-1">Image Window - Other Windows</p>
40 similar to the image pane of a <A HREF="2_6_image_pane.html">Main 40 </td>
41 Window</A>. The keyboard shortcuts are the same, and the context menu 41
42 is the same except &ldquo;Hide file list&rdquo; is replaced by &ldquo;Close 42 <td width="33%">
43 window&rdquo;. The <A HREF="8_1_slideshow.html">slide show</A> and 43 <p class="gq-image-window-2"><a href="3_2_image_properties.html">Next</a>
44 <A HREF="8_2_fillscreen.html">full screen</A> functions are also 44 </p>
45 available.</P> 45 </td>
46 <P><BR><BR> 46 </tr>
47 </P> 47 </thead>
48 <P><U>Navigation</U></P> 48 </table>
49 <P>When the image window contains a list of images or is linked to a 49 </div>
50 collection, the displayed image can be changed forward or backward in 50
51 the list with the respective PageDown and PageUp keys. In addition, 51 <hr />
52 all navigation methods for the mouse and keyboard are similar to that 52
53 of the image pane of a <A HREF="2_6_image_pane.html">Main Window</A>.</P> 53 <h1>3.1 Image Window</h1>
54 <P><BR><BR> 54
55 </P> 55 <p>An image window is a window that displays only the image.</p>
56 <P><U>Changing the image</U></P> 56
57 <P>To change the contents of an image window, drop the items onto the 57 <p>An image window can always be opened from the context menu of all images and files. Keyboard shortcuts exist for most windows that display images or files, however the shortcut can vary dependent on the type of window containing them.</p>
58 window with drag and drop. The dropped item can be one or more files, 58
59 folders, or an image from a collection window:</P> 59 <p><br />
60 <P STYLE="margin-left: 0.79in">One or more <B>files</B>: The image 60 <br />
61 window will display the first image; the list of dropped images can 61 </p>
62 be navigated similar to a main window's image pane.</P> 62
63 <P STYLE="margin-left: 0.79in">One or more <B>folders</B>: When the 63 <p>The image pane contained in an image window behaves and operates similar to the image pane of a <a href="2_6_image_pane.html">Main Window</a>. The keyboard shortcuts are the same, and the context menu is the same except &ldquo;Hide file list&rdquo; is replaced by &ldquo;Close window&rdquo;. The <a href="8_1_slideshow.html">slide show</a> and <a href="8_2_fillscreen.html">full screen</a> functions are also available.</p>
64 dropped list of items includes a folder, a menu will appear allowing 64
65 to skip the folders, add their contents, or add their contents 65 <p><br />
66 recursively. After choosing from the menu the requested files will be 66 <br />
67 added to the image window.</P> 67 </p>
68 <P STYLE="margin-left: 0.79in">Image from a <B>collection</B>: The 68
69 image window will change to display the image and become linked to 69 <p><u>Navigation</u>
70 the collection containing the image. Images in the collection can 70 </p>
71 then be navigated and viewed from the image window.</P> 71
72 <P>Changing the image window by dropping a new item onto it will 72 <p>When the image window contains a list of images or is linked to a collection, the displayed image can be changed forward or backward in the list with the respective PageDown and PageUp keys. In addition, all navigation methods for the mouse and keyboard are similar to that of the image pane of a <a href="2_6_image_pane.html">Main Window</a>.</p>
73 cause the previous list of images or linked collection to be 73
74 discarded.</P> 74 <p><br />
75 <P>To update the image display in the event that the source file has 75 <br />
76 changed, press the R key.</P> 76 </p>
77 <P><BR><BR> 77
78 </P> 78 <p><u>Changing the image</u>
79 <P><U>Information Overlay</U></P> 79 </p>
80 <P STYLE="margin-left: 0.79in">A small overlay can be turned on and 80
81 off by pressing the I key. This overlay displays the image file name, 81 <p>To change the contents of an image window, drop the items onto the window with drag and drop. The dropped item can be one or more files, folders, or an image from a collection window:</p>
82 dimensions, file date, and file size. The count of the current image 82
83 and of all images contained by the window are also displayed in 83 <p class="gq-image-window-5">One or more <b>files</b>: The image window will display the first image; the list of dropped images can be navigated similar to a main window's image pane.</p>
84 parenthesis. When the window is linked to a collection, the 84
85 collection title will also appear in the overlay in italics above the 85 <p class="gq-image-window-5">One or more <b>folders</b>: When the dropped list of items includes a folder, a menu will appear allowing to skip the folders, add their contents, or add their contents recursively. After choosing from the menu the requested files will be added to the image window.</p>
86 file name.</P> 86
87 <P><BR><BR> 87 <p class="gq-image-window-5">Image from a <b>collection</b>: The image window will change to display the image and become linked to the collection containing the image. Images in the collection can then be navigated and viewed from the image window.</p>
88 </P> 88
89 <P><BR><BR> 89 <p>Changing the image window by dropping a new item onto it will cause the previous list of images or linked collection to be discarded.</p>
90 </P> 90
91 <HR> 91 <p>To update the image display in the event that the source file has changed, press the R key.</p>
92 <CENTER> 92
93 <TABLE WIDTH=100% BORDER=0 CELLPADDING=4 CELLSPACING=0> 93 <p><br />
94 <COL WIDTH=85*> 94 <br />
95 <COL WIDTH=85*> 95 </p>
96 <COL WIDTH=85*> 96
97 <THEAD> 97 <p><u>Information Overlay</u>
98 <TR VALIGN=TOP> 98 </p>
99 <TD WIDTH=33%> 99
100 <P><A HREF="previous.html">Previous</A></P> 100 <p class="gq-image-window-5">A small overlay can be turned on and off by pressing the I key. This overlay displays the image file name, dimensions, file date, and file size. The count of the current image and of all images contained by the window are also displayed in parenthesis. When the window is linked to a collection, the collection title will also appear in the overlay in italics above the file name.</p>
101 </TD> 101
102 <TD WIDTH=33%> 102 <p><br />
103 <P ALIGN=CENTER><A HREF="index.html">Contents</A></P> 103 <br />
104 </TD> 104 </p>
105 <TD WIDTH=33%> 105
106 <P ALIGN=RIGHT><A HREF="3_2_image_properties.html">Next</A></P> 106 <p><br />
107 </TD> 107 <br />
108 </TR> 108 </p>
109 </THEAD> 109
110 <TBODY> 110 <hr />
111 <TR VALIGN=TOP> 111
112 <TD WIDTH=33%> 112 <div class="gq-image-window-4">
113 <P><BR> 113 <table width="100%" border="0" cellpadding="4" cellspacing="0">
114 </P> 114 <col width="85*" />
115 </TD> 115 <col width="85*" />
116 <TD WIDTH=33%> 116 <col width="85*" />
117 <P ALIGN=CENTER><BR> 117
118 </P> 118 <thead>
119 </TD> 119 <tr valign="top">
120 <TD WIDTH=33%> 120 <td width="33%">
121 <P ALIGN=RIGHT>Geeqie User Manual</P> 121 <p><a href="previous.html">Previous</a>
122 </TD> 122 </p>
123 </TR> 123 </td>
124 </TBODY> 124
125 </TABLE> 125 <td width="33%">
126 </CENTER> 126 <p class="gq-image-window-1"><a href="index.html">Contents</a>
127 <P STYLE="margin-bottom: 0in"><BR> 127 </p>
128 </P> 128 </td>
129 </BODY> 129
130 </HTML> 130 <td width="33%">
131 <p class="gq-image-window-2"><a href="3_2_image_properties.html">Next</a>
132 </p>
133 </td>
134 </tr>
135 </thead>
136
137 <tbody>
138 <tr valign="top">
139 <td width="33%">
140 <p><br />
141 </p>
142 </td>
143
144 <td width="33%">
145 <p class="gq-image-window-1"><br />
146 </p>
147 </td>
148
149 <td width="33%">
150 <p class="gq-image-window-2">Geeqie User Manual</p>
151 </td>
152 </tr>
153 </tbody>
154 </table>
155 </div>
156
157 <p class="gq-image-window-6"><br />
158 </p>
159 </body>
160 </html>