Mercurial > hg > digilib-old
view client/digitallibrary/jquery/jquery-test-full.html @ 636:7049579a0097 jquery
last and next page works now
implemented redisplay function (only tested with fullscreen)
parameters that are changed need to be in data.queryParams to get in the url on redisplay
author | robcast |
---|---|
date | Tue, 18 Jan 2011 21:30:03 +0100 |
parents | 09167ef1512e |
children | 8f40f7b6fd20 |
line wrap: on
line source
<?xml version="1.0" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Digilib jQuery Test HTML</title> <style type="text/css"> body { background: silver; } div.digilib { float: left; padding: 10px; } div.buttons { position: fixed; right: 5px; top: 5px; padding: 3px; background-color: silver; } img.button:hover { background-image: url('../greyskin/corona.png'); } div.birdview { border: 1px solid white; position: fixed; bottom: 8px; right: 48px; display: none; z-index: 1; } div.about { position: absolute; width: 200px; top: 100px; left: 350px; height: 200px; padding: 0px 2px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 2px solid lightcyan; background-color: lightgrey; text-align: center; display: none; z-index: 1000; } </style> <script type="text/javascript" src="jquery-1.4.4.js"></script> <script type="text/javascript" src="dlGeometry.js"></script> <script type="text/javascript" src="jquery.digilib.js"></script> <script type="text/javascript"> $(document).ready(function(){ var opts = {interactionMode : 'fullscreen', scalerBaseUrl : 'http://digilib.biblhertz.it/digilib04/servlet/Scaler'}; $('div.digilib').digilib(opts); $('div.digilib').each(function(){ console.log($(this).data('digilib').settings); }); $('div.digilib').digilib('toggleAboutDiv'); }); </script> </head> <body> <div id="digilib-1" class="digilib single"> <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&dh=200&fn=/digisprint/jquery/FransHals-WillemVanHeythuysen" /> </div> </body> </html>