Mercurial > hg > digilib

comparison client/digitallibrary/jquery/jquery.digilib.js @ 733:f4f7a4b9b49d jquery

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
image-drag with opacity :-)
author robcast
date Wed, 02 Feb 2011 14:56:50 +0100
parents fb76c621d064
children 7773ccc93729
comparison
equal deleted inserted replaced
732:fb76c621d064 733:f4f7a4b9b49d
1103 var imgRect = geom.rectangle($img); 1103 var imgRect = geom.rectangle($img);
1104 console.debug("imgrect=", imgRect); 1104 console.debug("imgrect=", imgRect);
1105 imgRect.adjustDiv($scaler); 1105 imgRect.adjustDiv($scaler);
1106 // show image in case it was hidden (for example in zoomDrag) 1106 // show image in case it was hidden (for example in zoomDrag)
1107 $img.css('visibility', 'visible'); 1107 $img.css('visibility', 'visible');
1108 $scaler.css('opacity', '1');
1108 // display marks 1109 // display marks
1109 renderMarks(data); 1110 renderMarks(data);
1110 // TODO: digilib.showArrows(); // show arrow overlays for zoom navigation 1111 // TODO: digilib.showArrows(); // show arrow overlays for zoom navigation
1111 }; 1112 };
1112 }; 1113 };
1344 var dragStart = function (evt) { 1345 var dragStart = function (evt) {
1345 // don't start dragging if not zoomed 1346 // don't start dragging if not zoomed
1346 if (isFullArea(data.zoomArea)) return false; 1347 if (isFullArea(data.zoomArea)) return false;
1347 startPos = geom.position(evt); 1348 startPos = geom.position(evt);
1348 $imgRect = geom.rectangle($img); 1349 $imgRect = geom.rectangle($img);
1349 // hide the scaler image, show it as background of div instead 1350 // hide the scaler img, show it as background of div instead
1351 $img.css('visibility', 'hidden');
1350 $scaler.css({ 1352 $scaler.css({
1351 'background-image' : 'url(' + $img.attr('src') + ')', 1353 'background-image' : 'url(' + $img.attr('src') + ')',
1352 'background-repeat' : 'no-repeat', 1354 'background-repeat' : 'no-repeat',
1353 'background-position' : 'top left', 1355 'background-position' : 'top left',
1356 'opacity' : '0.5',
1354 'cursor' : 'move' 1357 'cursor' : 'move'
1355 }); 1358 });
1356 $img.css('visibility', 'hidden');
1357 $document.bind("mousemove.dlZoomDrag", dragMove); 1359 $document.bind("mousemove.dlZoomDrag", dragMove);
1358 $document.bind("mouseup.dlZoomDrag", dragEnd); 1360 $document.bind("mouseup.dlZoomDrag", dragEnd);
1359 return false; 1361 return false;
1360 }; 1362 };
1361 1363