comparison client/digitallibrary/greyskin/diginew.jsp @ 439:65219f4fcf6b

added osize and pixel-by-pixel; reordered buttons;
author hertzhaft
date Tue, 10 Jan 2006 12:28:57 +0100
parents 4eeabb5ed193
children 85aef29cc1da
comparison
equal deleted inserted replaced
438:06f6b72dc8ac 439:65219f4fcf6b
154 <p id="baselib-version"></p> 154 <p id="baselib-version"></p>
155 <p id="dllib-version"></p> 155 <p id="dllib-version"></p>
156 </div> 156 </div>
157 157
158 <!-- the calibration div --> 158 <!-- the calibration div -->
159 <div id="calibration"><p>10 cm</p></div> 159 <div id="calibration">
160 160 <div>
161 <p>0 px</p>
162 <p class="cm">10 cm</p>
163 </div>
164 </div>
165
166 <!-- the buttons -->
161 <div id="buttons"> 167 <div id="buttons">
168 <div class="button">
169 <a
170 class="icon"
171 href="javascript:toggleBirdDiv()"
172 >
173
174 <img
175 class="png"
176 id="bird"
177 title="show bird's eye view"
178 src="birds-eye.png"
179 >
180 </a>
181 </div>
182
183 <div class="button">
184 <a
185 class="icon"
186 href="javascript:zoomBy(1.4)"
187 >
188
189 <img
190 class="png"
191 id="zoom-in"
192 title="zoom in"
193 src="zoom-in.png"
194 >
195 </a>
196 </div>
197
198 <div class="button">
199 <a
200 class="icon"
201 href="javascript:zoomBy(0.7)"
202 >
203
204 <img
205 class="png"
206 id="zoom-out"
207 title="zoom out"
208 src="zoom-out.png"
209 >
210 </a>
211 </div>
212
213 <div class="button">
214 <a
215 class="icon"
216 href="javascript:zoomArea()"
217 >
218
219 <img
220 class="png"
221 id="zoom-area"
222 title="zoom area"
223 src="zoom-area.png"
224 >
225 </a>
226 </div>
227
228 <div class="button">
229 <a
230 class="icon"
231 href="javascript:zoomFullpage()"
232 >
233
234 <img
235 class="png"
236 id="zoom-full"
237 title="view the whole image"
238 src="zoom-full.png"
239 >
240 </a>
241 </div>
242
243 <div class="button">
244 <a
245 class="icon"
246 href="javascript:pageWidth()"
247 >
248
249 <img
250 class="png"
251 id="page-width"
252 title="page width"
253 src="pagewidth.png"
254 >
255 </a>
256 </div>
257
258 <div class="button">
259 <a
260 class="icon"
261 href="javascript:gotoPage('-1')"
262 >
263
264 <img
265 class="png"
266 id="back"
267 title="goto previous image"
268 src="back.png"
269 >
270 </a>
271 </div>
272
273 <div class="button">
274 <a
275 class="icon"
276 href="javascript:gotoPage('+1')"
277 >
278
279 <img
280 class="png"
281 id="fwd"
282 title="goto next image"
283 src="fwd.png"
284 >
285 </a>
286 </div>
287
288 <div class="button">
289 <a
290 class="icon"
291 href="javascript:gotoPageWin()"
292 >
293
294 <img
295 class="png"
296 id="page"
297 title="specify image"
298 src="page.png"
299 >
300 </a>
301 </div>
302
162 <div class="button"> 303 <div class="button">
163 <a 304 <a
164 class="icon" 305 class="icon"
165 href="javascript:getRefWin()" 306 href="javascript:getRefWin()"
166 > 307 >
172 src="reference.png" 313 src="reference.png"
173 > 314 >
174 </a> 315 </a>
175 </div> 316 </div>
176 317
177 <div class="button">
178 <a
179 class="icon"
180 href="javascript:zoomBy(1.4)"
181 >
182
183 <img
184 class="png"
185 id="zoom-in"
186 title="zoom in"
187 src="zoom-in.png"
188 >
189 </a>
190 </div>
191
192 <div class="button">
193 <a
194 class="icon"
195 href="javascript:zoomBy(0.7)"
196 >
197
198 <img
199 class="png"
200 id="zoom-out"
201 title="zoom out"
202 src="zoom-out.png"
203 >
204 </a>
205 </div>
206
207 <div class="button">
208 <a
209 class="icon"
210 href="javascript:zoomArea()"
211 >
212
213 <img
214 class="png"
215 id="zoom-area"
216 title="zoom area"
217 src="zoom-area.png"
218 >
219 </a>
220 </div>
221
222 <div class="button">
223 <a
224 class="icon"
225 href="javascript:zoomFullpage()"
226 >
227
228 <img
229 class="png"
230 id="zoom-full"
231 title="view the whole image"
232 src="zoom-full.png"
233 >
234 </a>
235 </div>
236
237 <div class="button">
238 <a
239 class="icon"
240 href="javascript:gotoPage('-1')"
241 >
242
243 <img
244 class="png"
245 id="back"
246 title="goto previous image"
247 src="back.png"
248 >
249 </a>
250 </div>
251
252 <div class="button">
253 <a
254 class="icon"
255 href="javascript:gotoPage('+1')"
256 >
257
258 <img
259 class="png"
260 id="fwd"
261 title="goto next image"
262 src="fwd.png"
263 >
264 </a>
265 </div>
266
267 <div class="button">
268 <a
269 class="icon"
270 href="javascript:gotoPageWin()"
271 >
272
273 <img
274 class="png"
275 id="page"
276 title="specify image"
277 src="page.png"
278 >
279 </a>
280 </div>
281
282 <div class="button">
283 <a
284 class="icon"
285 href="javascript:toggleBirdDiv()"
286 >
287
288 <img
289 class="png"
290 id="bird"
291 title="show bird's eye view"
292 src="birds-eye.png"
293 >
294 </a>
295 </div>
296
297 <div class="button"> 318 <div class="button">
298 <a 319 <a
299 class="icon" 320 class="icon"
300 href="javascript:toggleAboutDiv()" 321 href="javascript:toggleAboutDiv()"
301 > 322 >