Mercurial > hg > digilib-old

comparison client/digitallibrary/jquery/jquery.digilib.js @ 719:3da6db751448 jquery

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
change birdview along with scalerUrl in embedded mode
author hertzhaft
date Mon, 31 Jan 2011 10:05:49 +0100
parents d6d486fe44c2
children 4f96149cf584 123706249227
comparison
equal deleted inserted replaced
718:d6d486fe44c2 719:3da6db751448
236 // is birdView shown? 236 // is birdView shown?
237 'isBirdDivVisible' : false, 237 'isBirdDivVisible' : false,
238 // dimensions of bird's eye div 238 // dimensions of bird's eye div
239 'birdDivWidth' : 200, 239 'birdDivWidth' : 200,
240 'birdDivHeight' : 200, 240 'birdDivHeight' : 200,
241 // parameters used by bird's eye div
242 'birdDivParams' : ['fn','pn','dw','dh'],
241 // style of the zoom area indicator in the bird's eye div 243 // style of the zoom area indicator in the bird's eye div
242 'birdIndicatorStyle' : {'border' : '2px solid #ff0000' }, 244 'birdIndicatorStyle' : {'border' : '2px solid #ff0000' },
243 // style of zoom area "rubber band" 245 // style of zoom area "rubber band"
244 'zoomrectStyle' : {'border' : '2px solid #ff0000' }, 246 'zoomrectStyle' : {'border' : '2px solid #ff0000' },
245 // is the "about" window shown? 247 // is the "about" window shown?
782 // embedded mode -- just change img src 784 // embedded mode -- just change img src
783 var url = getScalerUrl(data); 785 var url = getScalerUrl(data);
784 data.$img.attr('src', url); 786 data.$img.attr('src', url);
785 // set scaler div size explicitly in case $img is hidden (for zoomDrag) 787 // set scaler div size explicitly in case $img is hidden (for zoomDrag)
786 $imgRect = geom.rectangle(data.$img); 788 $imgRect = geom.rectangle(data.$img);
787 $imgRect.adjustDiv(data.$scaler); 789 $imgRect.adjustDiv(data.$scaler);
790 // load new bird img (in case the scalerUrl has changed, like in gotopage)
791 showBirdDiv(data);
788 } 792 }
789 }; 793 };
790 794
791 // returns maximum size for scaler img in fullscreen mode 795 // returns maximum size for scaler img in fullscreen mode
792 var getFullscreenImgSize = function($elem) { 796 var getFullscreenImgSize = function($elem) {
910 }; 914 };
911 915
912 // creates HTML structure for the bird's eye view in elem 916 // creates HTML structure for the bird's eye view in elem
913 var setupBirdDiv = function (data) { 917 var setupBirdDiv = function (data) {
914 var $elem = data.$elem; 918 var $elem = data.$elem;
915 var settings = data.settings;
916 // use only the relevant parameters
917 var keys = ['fn','pn','dw','dh'];
918 var birdDivOptions = {
919 dw : settings.birdDivWidth,
920 dh : settings.birdDivHeight
921 };
922 var birdSettings = $.extend({}, settings, birdDivOptions);
923 var birdUrl = settings.scalerBaseUrl + '?' + getParamString(birdSettings, keys);
924 // the bird's eye div 919 // the bird's eye div
925 var $birdDiv = $('<div class="birdview" style="display:none"/>'); 920 var $birdDiv = $('<div class="birdview" style="display:none"/>');
926 // the detail indicator frame 921 // the detail indicator frame
927 var $birdZoom = $('<div class="birdZoom" style="display:none; position:absolute; background-color:transparent;"/>'); 922 var $birdZoom = $('<div class="birdZoom" style="display:none; position:absolute; background-color:transparent;"/>');
928 // the small image 923 // the small image
933 $birdZoom.css(data.settings.birdIndicatorStyle); 928 $birdZoom.css(data.settings.birdIndicatorStyle);
934 data.$birdDiv = $birdDiv; 929 data.$birdDiv = $birdDiv;
935 data.$birdZoom = $birdZoom; 930 data.$birdZoom = $birdZoom;
936 data.$birdImg = $birdImg; 931 data.$birdImg = $birdImg;
937 $birdImg.load(birdImgLoadedHandler(data)); 932 $birdImg.load(birdImgLoadedHandler(data));
933 showBirdDiv(data);
934 birdZoom(data);
935 };
936
937 // puts correct img into bird div
938 var showBirdDiv = function (data) {
939 var settings = data.settings;
940 var $birdImg = data.$birdImg;
941 var $birdDiv = data.$birdDiv;
942 var birdDivOptions = {
943 dw : settings.birdDivWidth,
944 dh : settings.birdDivHeight
945 };
946 var birdSettings = $.extend({}, settings, birdDivOptions);
947 // use only the relevant parameters
948 var birdUrl = settings.scalerBaseUrl + '?'
949 + getParamString(birdSettings, settings.birdDivParams);
950 // the bird's eye div
938 $birdImg.attr('src', birdUrl); 951 $birdImg.attr('src', birdUrl);
939 if (data.settings.isBirdDivVisible) { 952 if (settings.isBirdDivVisible) {
940 $birdDiv.show(); 953 $birdDiv.show();
941 } 954 }
942 birdZoom(data); 955 };
943 }; 956
944 957
945 // creates HTML structure for the about view in elem 958 // creates HTML structure for the about view in elem
946 var setupAboutDiv = function (data) { 959 var setupAboutDiv = function (data) {
947 var $elem = data.$elem; 960 var $elem = data.$elem;
948 var settings = data.settings; 961 var settings = data.settings;