comparison client/digitallibrary/jquery/jquery.digilib.js @ 674:6c869c851c9a jquery

minor corrections
author hertzhaft
date Tue, 25 Jan 2011 18:35:53 +0100
parents 6ca57779e740
children d1605eb99d74
comparison
equal deleted inserted replaced
673:6ca57779e740 674:6c869c851c9a
202 }, 202 },
203 // button groups 203 // button groups
204 // is birdView shown? 204 // is birdView shown?
205 'isBirdDivVisible' : false, 205 'isBirdDivVisible' : false,
206 // dimensions of bird's eye div 206 // dimensions of bird's eye div
207 'birdDivOptions' : {'dw' : 200, 'dh' : 200}, 207 'birdDivWidth' : 200,
208 'birdDivHeight' : 200,
208 // style of the zoom area indicator in the bird's eye div 209 // style of the zoom area indicator in the bird's eye div
209 'birdIndicatorStyle' : {'border' : '2px solid #ff0000' }, 210 'birdIndicatorStyle' : {'border' : '2px solid #ff0000' },
210 // style of zoom area "rubber band" 211 // style of zoom area "rubber band"
211 'zoomrectStyle' : {'border' : '2px solid #ff0000' }, 212 'zoomrectStyle' : {'border' : '2px solid #ff0000' },
212 // is the "about" window shown? 213 // is the "about" window shown?
720 var setupBirdDiv = function (data) { 721 var setupBirdDiv = function (data) {
721 var $elem = data.$elem; 722 var $elem = data.$elem;
722 var settings = data.settings; 723 var settings = data.settings;
723 // use only the relevant parameters 724 // use only the relevant parameters
724 var keys = ['fn','pn','dw','dh']; 725 var keys = ['fn','pn','dw','dh'];
725 var birdSettings = $.extend({}, settings, settings.birdDivOptions); 726 var birdDivOptions = {
727 dw : settings.birdDivWidth,
728 dh : settings.birdDivHeight
729 };
730 var birdSettings = $.extend({}, settings, birdDivOptions);
726 var birdUrl = settings.scalerBaseUrl + '?' + getParamString(birdSettings, keys); 731 var birdUrl = settings.scalerBaseUrl + '?' + getParamString(birdSettings, keys);
727 // the bird's eye div 732 // the bird's eye div
728 var $birdDiv = $('<div class="birdview" style="display:none"/>'); 733 var $birdDiv = $('<div class="birdview" style="display:none"/>');
729 // the detail indicator frame 734 // the detail indicator frame
730 var $birdzoomDiv = $('<div class="birdzoom" style="display:none; position:absolute; background-color:transparent;"/>'); 735 var $birdzoomDiv = $('<div class="birdzoom" style="display:none; position:absolute; background-color:transparent;"/>');
853 } 858 }
854 } 859 }
855 }; 860 };
856 861
857 var renderBirdArea = function (data) { 862 var renderBirdArea = function (data) {
858 var $ind = data.$birdDiv.find('div.birdzoom'); 863 var $birdzoom = data.$birdDiv.find('div.birdzoom');
859 var zoomArea = data.zoomArea; 864 var zoomArea = data.zoomArea;
860 var indRect = data.birdTrafo.transform(zoomArea); 865 var indRect = data.birdTrafo.transform(zoomArea);
861 var coords = { 866 var coords = {
862 left : indRect.x-2, // acount for frame width 867 left : indRect.x-2, // acount for frame width
863 top : indRect.y-2, 868 top : indRect.y-2,
865 height: indRect.height 870 height: indRect.height
866 }; 871 };
867 var normalSize = isFullArea(zoomArea); 872 var normalSize = isFullArea(zoomArea);
868 if (data.settings.interactionMode === 'fullscreen') { 873 if (data.settings.interactionMode === 'fullscreen') {
869 // no animation for fullscreen 874 // no animation for fullscreen
870 if (normalSize) return $ind.hide(); 875 if (normalSize) return $birdzoom.hide();
871 $ind.width(coords.width); 876 $birdzoom.width(coords.width);
872 $ind.height(coords.height); 877 $birdzoom.height(coords.height);
873 $ind.offset(coords); 878 $birdzoom.offset(coords);
874 $ind.show(); 879 $birdzoom.show();
875 return; 880 return;
876 }; 881 };
877 // nice animation for embedded mode :-) 882 // nice animation for embedded mode :-)
878 var makeCompleteFunction = function($ind, normalSize) { 883 var makeCompleteFunction = function($birdzoom, normalSize) {
879 return function() { 884 return function() {
880 if (normalSize) $ind.hide(); 885 if (normalSize) $birdzoom.hide();
881 }; 886 };
882 }; 887 };
883 var opts = { 888 var opts = {
884 'complete' : makeCompleteFunction($ind, normalSize) 889 'complete' : makeCompleteFunction($birdzoom, normalSize)
885 }; 890 };
886 if (!normalSize && $ind.css('display') === 'none') $ind.show(); 891 if (!normalSize && $birdzoom.css('display') === 'none') $birdzoom.show();
887 $ind.animate(coords, opts); 892 $birdzoom.animate(coords, opts);
888 }; 893 };
889 894
890 // zooms by the given factor 895 // zooms by the given factor
891 var zoomBy = function(data, factor) { 896 var zoomBy = function(data, factor) {
892 var area = data.zoomArea; 897 var area = data.zoomArea;