Digilib: Transparent plugin test

'); + var queryString = fn.getParamString(settings, ['dw', 'dh']); + var file = settings.tfn + ? "&fn=" + settings.tfn + : "&pn=" + settings.tpn; + var url = settings.scalerBaseUrl + '?' + queryString + file; + var css = { + 'position' : 'absolute', + 'background-image' : 'url(' + url + ')', + 'background-repeat' : 'no-repeat', + 'background-position' : '0px 0px', + 'opacity' : settings.opacity + }; + $tp.css(css); + data.$elem.append($tp); + data.$tp = $tp; + } + var show = data.settings.isTransparentVisible; + if (show){ + $tp.fadeIn(); + data.imgRect.adjustDiv($tp); + } + else { + $tp.fadeOut(); + } + }; + + // reload display after the transparent has been moved or resized + var redisplay = function (data) { + packParams(data); + fn.redisplay(data); + }; + + // read transparent img from URL parameters + var unpackParams = function (data) { + var tc = data.settings.tc; + if (tc == null) return ; + var pos = coord.split("/", 4); + var rect = geom.rectangle(pos[0], pos[1], pos[2], pos[3]); + return rect; + }; + + // pack transparent coords into URL parameter string + var packParams = function (data) { + var rect = data.settings.trect; + var packed = packCoords(rect, '/'); + console.debug('pack transparent coordinates:', packed); + return packed; + }; + + // additional buttons + var installButtons = function (data) { + var settings = data.settings; + var mode = settings.interactionMode; + var buttonSettings = settings.buttonSettings[mode]; + var buttonSet = settings.transparentSet; + if (buttonSet.length && buttonSet.length > 0) { + buttonSettings.transparentSet = buttonSet; + buttonSettings.buttonSets.push('transparentSet'); + } + }; + + // plugin installation routine, called by digilib on each plugin object. + var install = function(plugin) { + digilib = plugin; + console.debug('installing transparent plugin. digilib:', digilib); + // import geometry classes + geom = digilib.fn.geometry; + // import digilib functions + $.extend(fn, digilib.fn); + FULL_AREA = geom.rectangle(0,0,1,1); + // add defaults, actions, buttons to the main digilib object + $.extend(digilib.defaults, defaults); + $.extend(digilib.actions, actions); + $.extend(digilib.buttons, buttons); + }; + + // plugin initialization + var init = function (data) { + console.debug('initialising transparent plugin. data:', data); + var $data = $(data); + // install event handlers + $data.bind('setup', handleSetup); + $data.bind('update', handleUpdate); + $data.bind('redisplay', handleRedisplay); + $data.bind('dragZoom', handleDragZoom); + // install buttons if button plugin is present + if (digilib.plugins.buttons != null) { + installButtons(data); + } + }; + + + var handleSetup = function (evt) { + console.debug("transparent: handleSetup"); + var data = this; + }; + + var handleUpdate = function (evt) { + console.debug("transparent: handleUpdate"); + var data = this; + }; + + var handleRedisplay = function (evt) { + console.debug("transparent: handleRedisplay"); + var data = this; + }; + + var handleDragZoom = function (evt, zoomArea) { + var data = this; + }; + + // plugin object, containing name, install and init routines + // all shared objects are filled by digilib on registration + var plugin = { + name : 'transparent', + install : install, + init : init, + buttons : {}, + actions : {}, + fn : {}, + plugins : {} + }; + + if ($.fn.digilib == null) { + $.error("jquery.digilib.transparent.js must be loaded after jquery.digilib!"); + } else { + $.fn.digilib('plugin', plugin); + } +})(jQuery); diff -r 30ec52034355 -r 8f8dff61535a webapp/src/main/webapp/jquery/test-transparent.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/webapp/src/main/webapp/jquery/test-transparent.html Thu Feb 06 16:11:31 2014 +0100 @@ -0,0 +1,49 @@ + + + + + + Digilib: Transparent plugin test + + + + + + + + + + + + + + + + + + + + + + +

digilib doesn't work! Please switch on Javascript or notify the server administrator!

+ + +