Mercurial > hg > digilib-old
diff client/digitallibrary/jquery/ui/jquery-test-embedded.SLIDER.html @ 756:ccf67eaf97ee jquery
added jQuery ui and svg javascripts
author | hertzhaft |
---|---|
date | Sun, 06 Feb 2011 22:17:41 +0100 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/client/digitallibrary/jquery/ui/jquery-test-embedded.SLIDER.html Sun Feb 06 22:17:41 2011 +0100 @@ -0,0 +1,117 @@ +<!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: embedded</title> + + <style type="text/css"> + body { + background: silver; + } + + div.digilib { + /* padding for buttons and bird-div */ + padding-right: 18px; + padding-bottom: 100px; + /* width: 220px; */ + } + + td { + vertical-align: top; + } + + #debug { + background-color: beige; + position: absolute; + top: 400px; + padding: 0px 10px; + font-family: Arial; + font-size: 9pt; + } + + div._log { + color: grey; + } + + div._debug { + color: darkgreen; + } + + div._error { + color: red; + } + + div#test:hover { + background-color: cornsilk; + } + + </style> + + <script type="text/javascript" src="jquery-1.4.4.js"></script> + + <script type="text/javascript" src="jquery.ui.core.js"></script> + <script type="text/javascript" src="jquery.ui.mouse.js"></script> + <script type="text/javascript" src="jquery.ui.button.js"></script> + <script type="text/javascript" src="jquery.ui.draggable.js"></script> + <script type="text/javascript" src="jquery.ui.position.js"></script> + <script type="text/javascript" src="jquery.ui.resizable.js"></script> + <script type="text/javascript" src="jquery.ui.widget.js"></script> + <script type="text/javascript" src="jquery.ui.dialog.js"></script> + <script type="text/javascript" src="jquery.ui.slider.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(){ + $('div.digilib').digilib({ + interactionMode : 'embedded', + birdDivWidth : 100, + birdDivHeight : 100 + }); + + $('div.digilib').each(function(){ + console.log($(this).data('digilib').settings); + }); + + }); + + </script> + </head> + + <body> + <table> + <tr> + <td> + <div id="digilib-1" class="digilib single"> + <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&dh=200&fn=/digisprint/jquery/&pn=1" /> + </div> + </td> + + <td> + <div id="digilib-2" class="digilib"> + <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&dh=200&fn=/digisprint/jquery/ferrara" /> + </div> + </td> + + <td> + <div id="digilib-3" class="digilib"> + <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&dh=200&fn=/digisprint/jquery/weide" /> + </div> + </td> + + <td> + <div id="digilib-4" class="digilib"> + <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&dh=200&fn=/digisprint/jquery/HansHolbein-NikolausKratzer" /> + </div> + </td> + </tr> + </table> + <div id="debug">DEBUG</div> + <div id="test"> + <img id="test" src="img/black-glass-16.png"></img> + <img id="test2" src="img/black-glass-32.png"></img> + </div> + </body> +</html> +