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&amp;dh=200&amp;fn=/digisprint/jquery/FransHals-WillemVanHeythuysen" />
        </div>
    </body>
</html>