comparison client/digitallibrary/jquery/jquery.digilib.js @ 706:f345b9657f5c jquery

some minor fixes, img reload still missing
author hertzhaft
date Fri, 28 Jan 2011 16:29:54 +0100
parents e1995c540667
children bbe9606d1bdc
comparison
equal deleted inserted replaced
705:e1995c540667 706:f345b9657f5c
1260 var dx = 0; 1260 var dx = 0;
1261 var dy = 0; 1261 var dy = 0;
1262 var $elem = data.$elem; 1262 var $elem = data.$elem;
1263 var $scaler = data.$scaler; 1263 var $scaler = data.$scaler;
1264 var $img = data.$img; 1264 var $img = data.$img;
1265 var $bg = $('<div class="bgDrag" style="display:none"/>'); 1265 var $bg = $('<div class="bgDrag" style="display:none; position:absolute"/>');
1266 $scaler.before($bg); // set as background 1266 $scaler.before($bg); // set as background
1267 1267
1268 var dragStart = function (evt) { 1268 var dragStart = function (evt) {
1269 // drag the image and load a new detail on mouse up 1269 // drag the image and load a new detail on mouse up
1270 // useless if not zoomed 1270 // useless if not zoomed
1275 $imgRect.adjustDiv($bg); // set background size 1275 $imgRect.adjustDiv($bg); // set background size
1276 // hide the scaler image, show it as background of div instead 1276 // hide the scaler image, show it as background of div instead
1277 $bg.css({ 1277 $bg.css({
1278 'background-image' : 'url(' + $img.attr('src') + ')', 1278 'background-image' : 'url(' + $img.attr('src') + ')',
1279 'background-repeat' : 'no-repeat', 1279 'background-repeat' : 'no-repeat',
1280 'background-position' : 'top left',
1280 'cursor' : 'move' 1281 'cursor' : 'move'
1281 }); 1282 });
1282 $img.hide(); 1283 $img.hide();
1283 $bg.show(); 1284 $bg.show();
1284 $(document).bind("mousemove.digilib", dragMove); 1285 $(document).bind("mousemove.digilib", dragMove);
1310 var x = -dx / $img.width(); 1311 var x = -dx / $img.width();
1311 var y = -dy / $img.height(); 1312 var y = -dy / $img.height();
1312 if (dx == 0 && dy == 0) 1313 if (dx == 0 && dy == 0)
1313 return false // no movement 1314 return false // no movement
1314 // reload with scaler image showing the new ausschnitt 1315 // reload with scaler image showing the new ausschnitt
1316 $bg.hide();
1317 $img.show();
1315 // digilib.moveBy(x, y); 1318 // digilib.moveBy(x, y);
1316 return false; 1319 return false;
1317 }; 1320 };
1318 1321
1319 $scaler.bind("mousedown.digilib", dragStart); 1322 $scaler.bind("mousedown.digilib", dragStart);
1322 // get image quality as a number (0..2) 1325 // get image quality as a number (0..2)
1323 var getQuality = function (data) { 1326 var getQuality = function (data) {
1324 var flags = data.scalerFlags; 1327 var flags = data.scalerFlags;
1325 var q = flags.q2 || flags.q1 || 'q0'; // assume q0 as default 1328 var q = flags.q2 || flags.q1 || 'q0'; // assume q0 as default
1326 return parseInt(q[1], 10); 1329 return parseInt(q[1], 10);
1327 }; 1330 };
1328 1331
1329 // set image quality as a number (0..2) 1332 // set image quality as a number (0..2)
1330 var setQuality = function (data, qual) { 1333 var setQuality = function (data, qual) {
1331 var flags = data.scalerFlags; 1334 var flags = data.scalerFlags;
1332 // clear flags 1335 // clear flags
1333 for (var i = 0; i < 3; ++i) { 1336 for (var i = 0; i < 3; ++i) {
1334 delete flags['q'+i]; 1337 delete flags['q'+i];
1335 } 1338 }
1336 flags['q'+qual] = 'q'+qual; 1339 flags['q'+qual] = 'q'+qual;
1337 }; 1340 };
1338 1341
1339 // sets a key to a value (relative values with +/- if relative=true) 1342 // sets a key to a value (relative values with +/- if relative=true)
1340 var setNumValue = function(settings, key, value) { 1343 var setNumValue = function(settings, key, value) {
1341 if (isNumber(value)) return settings[key] = value; 1344 if (isNumber(value)) return settings[key] = value;
1342 var sign = value.substring(0,1); 1345 var sign = value.substring(0,1);