Mercurial > hg > digilib-old
changeset 846:dad6a171bc52 jquery
region icons for embedded mode
author | hertzhaft |
---|---|
date | Sat, 05 Mar 2011 00:16:04 +0100 |
parents | a7e157d258e8 |
children | c662bf335881 |
files | client/digitallibrary/jquery/img/embedded.svg client/digitallibrary/jquery/img/embedded/16/addregions.png client/digitallibrary/jquery/img/embedded/16/delregions.png client/digitallibrary/jquery/img/embedded/16/regioninfo.png client/digitallibrary/jquery/img/embedded/16/regions.png client/digitallibrary/jquery/img/embedded/32/addregions.png client/digitallibrary/jquery/img/embedded/32/delregions.png client/digitallibrary/jquery/img/embedded/32/regioninfo.png client/digitallibrary/jquery/img/embedded/32/regions.png client/digitallibrary/jquery/jquery-test-embedded.html |
diffstat | 10 files changed, 139 insertions(+), 14 deletions(-) [+] |
line wrap: on
line diff
--- a/client/digitallibrary/jquery/img/embedded.svg Tue Mar 01 22:00:50 2011 +0100 +++ b/client/digitallibrary/jquery/img/embedded.svg Sat Mar 05 00:16:04 2011 +0100 @@ -49,7 +49,7 @@ inkscape:pageshadow="2" inkscape:zoom="16.533016" inkscape:cx="15.816836" - inkscape:cy="9.7629524" + inkscape:cy="15.897753" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="true" @@ -86,7 +86,8 @@ inkscape:groupmode="layer" id="layer1" transform="translate(0,-1020.3622)" - style="display:inline" /> + style="display:inline" + sodipodi:insensitive="true" /> <g inkscape:groupmode="layer" id="layer2" @@ -419,8 +420,7 @@ inkscape:groupmode="layer" id="layer15" inkscape:label="page" - style="display:none" - sodipodi:insensitive="true"> + style="display:none"> <path style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#15a221;stroke-width:0;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible" d="m 5,1 0,30 22,0 0,-19.03125 -9.53125,0 -1.375,0 L 16.09375,1 5,1 z m 12.46875,0.84375 0,8.75 8.8125,0 -8.8125,-8.75 z M 7,3 l 7,0 0,11 11,0 0,15 -11,0 -1,0 -6,0 0,-26 z" @@ -959,6 +959,121 @@ </g> <g inkscape:groupmode="layer" + id="layer26" + inkscape:label="regions" + style="display:none" + sodipodi:insensitive="true"> + <rect + style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible" + id="rect150" + width="13.064767" + height="12.520402" + x="2.6008563" + y="6.8987117" /> + <rect + style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible" + id="rect212" + width="7.0162635" + height="11.915551" + x="22.742373" + y="18.148928" /> + <rect + style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible" + id="rect214" + width="7.5606289" + height="6.3509283" + x="18.085024" + y="2.3018494" /> + </g> + <g + inkscape:groupmode="layer" + id="layer27" + inkscape:label="addregions" + style="display:none" + sodipodi:insensitive="true"> + <path + style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible" + d="m 14.078836,5.3407455 0,12.5312505 13.09375,0 0,-12.5312505 -13.09375,0 z m 1.84375,1.625 9.46875,0 0,9.0625005 -9.46875,0 0,-9.0625005 z" + id="rect150-1" + inkscape:connector-curvature="0" /> + <path + style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible" + d="m 5.2704736,1.2134067 0,30.0000003 21.9999994,0 0,-30.0000003 -21.9999994,0 z m 2,2 17.9999994,0 0,26.0000003 -17.9999994,0 0,-26.0000003 z" + id="rect956-7" + inkscape:connector-curvature="0" /> + </g> + <g + style="display:none" + inkscape:label="delregions" + id="g202" + inkscape:groupmode="layer" + sodipodi:insensitive="true"> + <path + inkscape:connector-curvature="0" + id="path204" + d="m 14.078836,5.3407455 0,12.5312505 13.09375,0 0,-12.5312505 -13.09375,0 z m 1.84375,1.625 9.46875,0 0,9.0625005 -9.46875,0 0,-9.0625005 z" + style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible" /> + <path + inkscape:connector-curvature="0" + id="path206" + d="m 5.2704736,1.2134067 0,30.0000003 21.9999994,0 0,-30.0000003 -21.9999994,0 z m 2,2 17.9999994,0 0,26.0000003 -17.9999994,0 0,-26.0000003 z" + style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible" /> + <rect + style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible" + id="rect210" + width="25.884966" + height="2.6429093" + x="-6.7994733" + y="21.40773" + transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,0,0)" /> + </g> + <g + style="display:none" + inkscape:label="regioninfo" + id="g230" + inkscape:groupmode="layer" + sodipodi:insensitive="true"> + <path + inkscape:connector-curvature="0" + id="path232" + d="m 14.078836,5.3407455 0,12.5312505 13.09375,0 0,-12.5312505 -13.09375,0 z m 1.84375,1.625 9.46875,0 0,9.0625005 -9.46875,0 0,-9.0625005 z" + style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible" /> + <path + inkscape:connector-curvature="0" + id="path234" + d="m 5.2704736,1.2134067 0,30.0000003 21.9999994,0 0,-30.0000003 -21.9999994,0 z m 2,2 17.9999994,0 0,26.0000003 -17.9999994,0 0,-26.0000003 z" + style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible" /> + <text + xml:space="preserve" + style="font-size:28.13728714px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Century Gothic;-inkscape-font-specification:Century Gothic" + x="13.438262" + y="32.891159" + id="text236" + sodipodi:linespacing="125%" + transform="scale(1.2650445,0.79048601)"><tspan + sodipodi:role="line" + id="tspan238" + x="13.438262" + y="32.891159">i</tspan></text> + <rect + style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible" + id="rect240" + width="6.0485034" + height="1.875036" + x="17.601145" + y="25.104706" /> + <path + sodipodi:type="arc" + style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible" + id="path242" + sodipodi:cx="20.504425" + sodipodi:cy="10.527814" + sodipodi:rx="1.996006" + sodipodi:ry="1.996006" + d="m 22.500431,10.527814 a 1.996006,1.996006 0 1 1 -3.992012,0 1.996006,1.996006 0 1 1 3.992012,0 z" /> + </g> + <g + inkscape:groupmode="layer" id="layer5" inkscape:label="fonds" style="display:none"
--- a/client/digitallibrary/jquery/jquery-test-embedded.html Tue Mar 01 22:00:50 2011 +0100 +++ b/client/digitallibrary/jquery/jquery-test-embedded.html Sat Mar 05 00:16:04 2011 +0100 @@ -56,21 +56,26 @@ <script type="text/javascript" src="jquery.digilib.js"></script> <script type="text/javascript" src="jquery.digilib.geometry.js"></script> <script type="text/javascript" src="jquery.digilib.birdseye.js"></script> + <script type="text/javascript" src="jquery.digilib.regions.js"></script> + <script type="text/javascript" src="jquery.digilib.pluginstub.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 + var opts = { + interactionMode : 'fullscreen', + scalerBaseUrl : 'http://digilib.biblhertz.it/digilib04/servlet/Scaler', + showRegionNumbers : true, + autoRegionLinks : false, + includeRegionContent : true + }; + var $div = $('div.digilib'); + $div.digilib(opts); + + $('div.digilib').each(function(){ + console.log($(this).data('digilib').settings); }); - - $('div.digilib').each(function(){ - console.log($(this).data('digilib').settings); - }); - }); </script> @@ -93,7 +98,12 @@ <td> <div id="digilib-3" class="digilib"> - <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&dh=200&fn=/digisprint/jquery/weide" /> + <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&dh=200&fn=/digisprint/jquery/FransHals-WillemVanHeythuysen" /> + <div class="keep regioncontent"> + <a href="http://www.mpiwg-berlin.mpg.de" rel="area:0.1/0.1/0.4/0.1">MPI fuer Wissenschaftsgeschichte</a> + <a href="http://www.biblhertz.it" rel="area:0.5/0.8/0.4/0.1">Bibliotheca Hertziana</a> + <a rel="area:0.3/0.5/0.15/0.1" /> + </div> </div> </td>