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