Mercurial > hg > digilib-old
view client/digitallibrary/jquery/jquery-test-full.html @ 770:6d7c51e4724b jquery
highlight buttons by background image
author | hertzhaft |
---|---|
date | Thu, 10 Feb 2011 22:46:17 +0100 (2011-02-10) |
parents | aab01da232ef |
children | 65cdf970934d |
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: fullscreen</title> <style type="text/css"> body { background: silver; } div.digilib { /* padding for buttons and bird-div */ padding-right: 18px; padding-bottom: 100px; /* width: 220px; */ } div.svg { position: absolute; background: transparent; } td { vertical-align: top; } div#test:hover { background-color: cornsilk; } #debug { background-color: beige; position: absolute; opacity: 50%; top: 4px; left: 300px; width: 500px; padding: 0px 5px; font-family: Arial; font-size: 9px; display: none; } div._log { color: grey; } div._debug { color: darkgreen; } div._error { color: red; } </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.cookie.js"></script> <script type="text/javascript" src="jquery.digilib.js"></script> <link rel="stylesheet" type="text/css" href="jquery.digilib.css" /> <script type="text/javascript"> $(document).ready(function(){ var opts = { interactionMode : 'fullscreen', scalerBaseUrl : 'http://digilib.biblhertz.it/digilib04/servlet/Scaler' }; var $div = $('div.digilib'); $div.digilib(opts); }); </script> </head> <body> <div id="digilib-1" class="digilib"> <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&dh=200&fn=/digisprint/jquery/FransHals-WillemVanHeythuysen" /> </div> <div id="debug">DEBUG</div> </body> </html>