Mercurial > hg > digilib-old
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 |