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