Mercurial > hg > digilib

comparison client/digitallibrary/jquery/jquery.digilib.js @ 732:fb76c621d064 jquery

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
busy cursor while loading doesn't work (for me)
author robcast
date Wed, 02 Feb 2011 14:41:38 +0100
parents 3a7fbdc39f6c
children f4f7a4b9b49d
comparison
equal deleted inserted replaced
731:3a7fbdc39f6c 732:fb76c621d064
857 $img.addClass('pic'); 857 $img.addClass('pic');
858 data.$scaler = $scaler; 858 data.$scaler = $scaler;
859 data.$img = $img; 859 data.$img = $img;
860 // setup image load handler before setting the src attribute (IE bug) 860 // setup image load handler before setting the src attribute (IE bug)
861 $img.load(scalerImgLoadedHandler(data)); 861 $img.load(scalerImgLoadedHandler(data));
862 $scaler.css('cursor', 'wait');
863 $img.attr('src', scalerUrl); 862 $img.attr('src', scalerUrl);
864 }; 863 };
865 864
866 // creates HTML structure for buttons in elem 865 // creates HTML structure for buttons in elem
867 var createButtons = function (data, buttonSetIdx) { 866 var createButtons = function (data, buttonSetIdx) {
1094 // returns function for load event of scaler img 1093 // returns function for load event of scaler img
1095 var scalerImgLoadedHandler = function (data) { 1094 var scalerImgLoadedHandler = function (data) {
1096 return function () { 1095 return function () {
1097 var $img = $(this); 1096 var $img = $(this);
1098 var $scaler = data.$scaler; 1097 var $scaler = data.$scaler;
1099 console.debug("img loaded! this=", this, " data=", data);
1100 // create Transform from current area and picsize 1098 // create Transform from current area and picsize
1101 data.imgTrafo = getImgTrafo($img, data.zoomArea, 1099 data.imgTrafo = getImgTrafo($img, data.zoomArea,
1102 data.settings.rot, data.scalerFlags.hmir, data.scalerFlags.vmir); 1100 data.settings.rot, data.scalerFlags.hmir, data.scalerFlags.vmir);
1103 console.debug("imgTrafo=", data.imgTrafo); 1101 console.debug("imgTrafo=", data.imgTrafo);
1104 // adjust scaler div size 1102 // adjust scaler div size
1105 var imgRect = geom.rectangle($img); 1103 var imgRect = geom.rectangle($img);
1106 console.debug("imgrect=", imgRect); 1104 console.debug("imgrect=", imgRect);
1107 imgRect.adjustDiv($scaler); 1105 imgRect.adjustDiv($scaler);
1108 // show image in case it was hidden (for example in zoomDrag) 1106 // show image in case it was hidden (for example in zoomDrag)
1109 $img.css('visibility', 'visible'); 1107 $img.css('visibility', 'visible');
1110 $scaler.css('cursor', 'auto');
1111 // display marks 1108 // display marks
1112 renderMarks(data); 1109 renderMarks(data);
1113 // TODO: digilib.showArrows(); // show arrow overlays for zoom navigation 1110 // TODO: digilib.showArrows(); // show arrow overlays for zoom navigation
1114 }; 1111 };
1115 }; 1112 };
1373 return false; 1370 return false;
1374 }; 1371 };
1375 1372
1376 // mouseup handler: reload zoomed image in new position 1373 // mouseup handler: reload zoomed image in new position
1377 var dragEnd = function (evt) { 1374 var dragEnd = function (evt) {
1378 $scaler.css({ 1375 $scaler.css('cursor', 'auto');
1379 'cursor' : 'auto'
1380 });
1381 $document.unbind("mousemove.dlZoomDrag", dragMove); 1376 $document.unbind("mousemove.dlZoomDrag", dragMove);
1382 $document.unbind("mouseup.dlZoomDrag", dragEnd); 1377 $document.unbind("mouseup.dlZoomDrag", dragEnd);
1383 if (delta == null || delta.distance() < 2) { 1378 if (delta == null || delta.distance() < 2) {
1384 // no movement 1379 // no movement
1385 $img.css('visibility', 'visible'); 1380 $img.css('visibility', 'visible');