comparison client/digitallibrary/jquery/jquery.digilib.js @ 724:c6878e9575fe jquery

merge with 73cac710bea4534f6ef724df6f92c18f54ebac26
author robcast
date Mon, 31 Jan 2011 16:31:40 +0100
parents 123706249227 73cac710bea4
children 936d88972cd0
comparison
equal deleted inserted replaced
723:123706249227 724:c6878e9575fe
218 // defaults for digilib buttons 218 // defaults for digilib buttons
219 'buttonSettings' : { 219 'buttonSettings' : {
220 'fullscreen' : { 220 'fullscreen' : {
221 // path to button images (must end with a slash) 221 // path to button images (must end with a slash)
222 'imagePath' : 'img/fullscreen/', 222 'imagePath' : 'img/fullscreen/',
223 'standardSet' : ["reference","zoomin","zoomout","zoomarea","zoomfull","pagewidth","back","fwd","page","bird","SEP","help","reset","toggleoptions"], 223 'standardSet' : ["reference","zoomin","zoomout","zoomarea","zoomfull","pagewidth","back","fwd","page","bird","help","reset","toggleoptions"],
224 'specialSet' : ["mark","delmark","hmir","vmir","rot","brgt","cont","rgb","quality","size","calibrationx","scale","SEP","toggleoptions"], 224 'specialSet' : ["mark","delmark","hmir","vmir","rot","brgt","cont","rgb","quality","size","calibrationx","scale","toggleoptions"],
225 'buttonSets' : ['standardSet', 'specialSet'] 225 'buttonSets' : ['standardSet', 'specialSet']
226 }, 226 },
227 'embedded' : { 227 'embedded' : {
228 'imagePath' : 'img/embedded/16/', 228 'imagePath' : 'img/embedded/16/',
229 'standardSet' : ["reference","zoomin","zoomout","zoomarea","zoomfull","back","fwd","page","bird","SEP","help","reset","toggleoptions"], 229 'standardSet' : ["reference","zoomin","zoomout","zoomarea","zoomfull","back","fwd","page","bird","help","reset","toggleoptions"],
230 'specialSet' : ["hmir","vmir","rot","brgt","cont","rgb","quality","size","SEP","toggleoptions"], 230 'specialSet' : ["hmir","vmir","rot","brgt","cont","rgb","quality","size","toggleoptions"],
231 'buttonSets' : ['standardSet', 'specialSet'] 231 'buttonSets' : ['standardSet', 'specialSet']
232 } 232 }
233 }, 233 },
234 // number of visible button groups 234 // number of visible button groups
235 'visibleButtonSets' : 1, 235 'visibleButtonSets' : 1,
786 window.location = url; 786 window.location = url;
787 } else { 787 } else {
788 // embedded mode -- just change img src 788 // embedded mode -- just change img src
789 var url = getScalerUrl(data); 789 var url = getScalerUrl(data);
790 data.$img.attr('src', url); 790 data.$img.attr('src', url);
791 // set scaler div size explicitly in case $img is hidden (for zoomDrag)
792 $imgRect = geom.rectangle(data.$img);
793 $imgRect.adjustDiv(data.$scaler);
794 // load new bird img (in case the scalerUrl has changed, like in gotopage) 791 // load new bird img (in case the scalerUrl has changed, like in gotopage)
795 //showBirdDiv(data); //TODO: change url explicitly 792 //showBirdDiv(data); //TODO: change url explicitly
796 } 793 }
797 }; 794 };
798 795
845 data.$scaler = $scaler; 842 data.$scaler = $scaler;
846 data.$img = $img; 843 data.$img = $img;
847 // setup image load handler before setting the src attribute (IE bug) 844 // setup image load handler before setting the src attribute (IE bug)
848 $img.load(scalerImgLoadedHandler(data)); 845 $img.load(scalerImgLoadedHandler(data));
849 $img.attr('src', scalerUrl); 846 $img.attr('src', scalerUrl);
850 // set scaler div size explicitly in case $img is hidden (for zoomDrag)
851 $imgRect = geom.rectangle($img);
852 $imgRect.adjustDiv(data.$scaler);
853 }; 847 };
854 848
855 // creates HTML structure for buttons in elem 849 // creates HTML structure for buttons in elem
856 var createButtons = function (data, buttonSetIdx) { 850 var createButtons = function (data, buttonSetIdx) {
857 var $elem = data.$elem; 851 var $elem = data.$elem;
935 var setupBirdDiv = function (data) { 929 var setupBirdDiv = function (data) {
936 var $elem = data.$elem; 930 var $elem = data.$elem;
937 // the bird's eye div 931 // the bird's eye div
938 var $birdDiv = $('<div class="birdview" style="display:none"/>'); 932 var $birdDiv = $('<div class="birdview" style="display:none"/>');
939 // the detail indicator frame 933 // the detail indicator frame
940 var $birdZoom = $('<div class="birdZoom" style="display:none; background-color:transparent;"/>'); 934 var $birdZoom = $('<div class="birdZoom" style="display:none; position:absolute; background-color:transparent;"/>');
941 // the small image 935 // the small image
942 var $birdImg = $('<img class="birdimg"/>'); 936 var $birdImg = $('<img class="birdimg"/>');
943 data.$birdDiv = $birdDiv; 937 data.$birdDiv = $birdDiv;
944 data.$birdZoom = $birdZoom; 938 data.$birdZoom = $birdZoom;
945 data.$birdImg = $birdImg; 939 data.$birdImg = $birdImg;
1085 console.debug("img loaded! this=", this, " data=", data); 1079 console.debug("img loaded! this=", this, " data=", data);
1086 // create Transform from current area and picsize 1080 // create Transform from current area and picsize
1087 data.imgTrafo = getImgTrafo($img, data.zoomArea, 1081 data.imgTrafo = getImgTrafo($img, data.zoomArea,
1088 data.settings.rot, data.scalerFlags.hmir, data.scalerFlags.vmir); 1082 data.settings.rot, data.scalerFlags.hmir, data.scalerFlags.vmir);
1089 console.debug("imgTrafo=", data.imgTrafo); 1083 console.debug("imgTrafo=", data.imgTrafo);
1084 // set scaler div size explicitly in case $img is hidden (for zoomDrag)
1085 var $imgRect = geom.rectangle(data.$img);
1086 console.debug("imgrect=", $imgRect);
1087 $imgRect.adjustDiv(data.$scaler);
1090 // show image in case it was hidden (for example in zoomDrag) 1088 // show image in case it was hidden (for example in zoomDrag)
1091 $img.show(); 1089 $img.show();
1092 // display marks 1090 // display marks
1093 renderMarks(data); 1091 renderMarks(data);
1094 // TODO: digilib.showArrows(); // show arrow overlays for zoom navigation 1092 // TODO: digilib.showArrows(); // show arrow overlays for zoom navigation
1352 }; 1350 };
1353 1351
1354 var dragEnd = function (evt) { 1352 var dragEnd = function (evt) {
1355 // mouseup handler: reload zoomed image in new position 1353 // mouseup handler: reload zoomed image in new position
1356 $scaler.css({ 1354 $scaler.css({
1355 'background-image' : 'none',
1357 'cursor' : 'default' 1356 'cursor' : 'default'
1358 }); 1357 });
1359 $(document).unbind("mousemove.digilib", dragMove); 1358 $(document).unbind("mousemove.digilib", dragMove);
1360 $(document).unbind("mouseup.digilib", dragEnd); 1359 $(document).unbind("mouseup.digilib", dragEnd);
1361 // calculate relative offset 1360 // calculate relative offset