Mercurial > hg > digilib

comparison client/digitallibrary/jquery/jquery.digilib.js @ 615:ca1cdfe7b064 jquery

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
factored out display function
author hertzhaft
date Mon, 17 Jan 2011 14:35:17 +0100
parents 6ad1880eb29f
children 89f53fb8fd13
comparison
equal deleted inserted replaced
614:6ad1880eb29f 615:ca1cdfe7b064
324 var winW = $(window).width(); 324 var winW = $(window).width();
325 // TODO: account for borders? 325 // TODO: account for borders?
326 return geom.size(winW, winH); 326 return geom.size(winW, winH);
327 }; 327 };
328 328
329 // (re)load the img from a new scaler URL
330 var display = function ($img, settings) {
331 var scalerUrl = getScalerString(settings);
332 $img.attr('src', scalerUrl);
333 $img.load(scalerImgLoadedFn(settings));
334 };
335
329 // creates HTML structure for digilib in elem 336 // creates HTML structure for digilib in elem
330 var setupScalerDiv = function ($elem, settings) { 337 var setupScalerDiv = function ($elem, settings) {
331 var rewrite; 338 var rewrite;
332 if (settings.interactionMode === 'fullscreen') { 339 if (settings.interactionMode === 'fullscreen') {
333 // fullscreen 340 // fullscreen
334 var imgSize = getFullscreenImgSize($elem); 341 var imgSize = getFullscreenImgSize($elem);
335 settings.dw = imgSize.width; 342 settings.dw = imgSize.width;
336 settings.dh = imgSize.height; 343 settings.dh = imgSize.height;
337 $img = $('<img/>'); 344 $img = $('<img/>');
338 var scalerUrl = getScalerString(settings); 345 display($img, settings);
339 $img.attr('src', scalerUrl);
340 $img.addClass('pic');
341 } else { 346 } else {
342 // embedded mode -- try to keep img tag 347 // embedded mode -- try to keep img tag
343 var $img = $elem.find('img'); 348 var $img = $elem.find('img');
344 if ($img.length > 0) { 349 if ($img.length > 0) {
345 console.debug("img detach:",$img); 350 console.debug("img detach:",$img);
346 $img.detach(); 351 $img.detach();
347 $img.addClass('pic');
348 } else { 352 } else {
349 $img = $('<img/>'); 353 $img = $('<img/>');
350 var scalerUrl = getScalerString(settings); 354 display($img, settings);
351 $img.attr('src', scalerUrl);
352 $img.addClass('pic');
353 } 355 }
354 } 356 }
355 // create new html 357 // create new html
356 $elem.empty(); // TODO: should we keep stuff for customization? 358 $elem.empty(); // TODO: should we keep stuff for customization?
357 var $scaler = $('<div class="scaler"/>'); 359 var $scaler = $('<div class="scaler"/>');
358 $elem.append($scaler); 360 $elem.append($scaler);
359 $scaler.append($img); 361 $scaler.append($img);
360 $img.load(scalerImgLoadedFn(settings)); 362 $img.addClass('pic');
361 }; 363 };
362 364
363 // creates HTML structure for buttons in elem 365 // creates HTML structure for buttons in elem
364 var setupButtons = function ($elem, settings, actionGroup) { 366 var setupButtons = function ($elem, settings, actionGroup) {
365 if (settings.interactionMode === 'fullscreen') { 367 if (settings.interactionMode === 'fullscreen') {