Mercurial > hg > digilib-old
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 > |