view client/digitallibrary/jquery/jquery-test2.html @ 651:694bdb86cbad jquery

renamed 'actions' to 'buttons' and 'methods' to 'actions' actionGroups now buttonGroups all functions in actions automatically get 'data' as first argument
author robcast
date Thu, 20 Jan 2011 19:37:19 +0100
parents 53ee659e2d00
children
line wrap: on
line source

<!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;
            }
            
        </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(){
                 $('div.digilib').digilib({interactionMode : 'embedded'});

                 $('div.digilib').each(function(){
                         console.log($(this).data('digilib').settings);
                    });
              
            });

        </script>
    </head>

    <body>
    
        <div id="digilib-1" class="digilib single">
          <div>
            <img src="http://localhost:18080/digitallibrary/servlet/Scaler?dw=200&amp;dh=200&amp;fn=163127KK/pageimg&amp;pn=11" />
          </div>
        </div>
        <div id="digilib-2" class="digilib">
            <img src="http://localhost:18080/digitallibrary/servlet/Scaler?dw=200&amp;dh=200&amp;fn=163127KK/pageimg&amp;pn=12" />
        </div>
        <div id="digilib-3" class="digilib">
            <img src="http://localhost:18080/digitallibrary/servlet/Scaler?dw=200&amp;dh=200&amp;fn=163127KK/pageimg&amp;pn=13" />
        </div>
        <div id="digilib-4" class="digilib">
            <img src="http://localhost:18080/digitallibrary/servlet/Scaler?dw=200&amp;dh=200&amp;fn=163127KK/pageimg&amp;pn=14" />
        </div>
    </body>
</html>