is placed
inside the
and can be styled to display an icon that the original
can be enlarged.";s:8:"examples";a:2:{i:0;s:111:"
";i:1;s:104:"
";}s:10:"parameters";a:2:{s:1:"p";a:1:{s:4:"type";s:0:"";}s:1:"n";a:1:{s:4:"type";s:0:"";}}s:6:"source";s:564:" var _this = this;
d.mixin(_this, p);
n = dojo.byId(n);
if(!/a/i.test(n.tagName)){
var a = d.create("a", { href: _this.href, "class": n.className }, n, "after");
n.className = "";
a.appendChild(n);
n = a;
}
d.style(n, {
display: "block",
position: "relative"
});
_this._createDiv("dojoxEnlarge", n);
_this._node = n;
d.setSelectable(n, false);
_this._onClickEvt = d.connect(n, "onclick", _this, "_load");
setTimeout(function(){
(new Image()).src = _this.href;
_this._hideLoading();
}, _this.preloadDelay);";s:9:"classlike";b:1;}s:29:"dojox.image.LightboxNano.href";a:3:{s:9:"prototype";s:24:"dojox.image.LightboxNano";s:4:"type";s:6:"string";s:7:"summary";s:47:"URL to the large image to show in the lightbox.";}s:33:"dojox.image.LightboxNano.duration";a:3:{s:9:"prototype";s:24:"dojox.image.LightboxNano";s:4:"type";s:3:"int";s:7:"summary";s:71:"The delay in milliseconds of the LightboxNano open and close animation.";}s:37:"dojox.image.LightboxNano.preloadDelay";a:3:{s:9:"prototype";s:24:"dojox.image.LightboxNano";s:4:"type";s:3:"int";s:7:"summary";s:95:"The delay in milliseconds after the LightboxNano is created before preloading the larger image.";}s:32:"dojox.image.LightboxNano.destroy";a:4:{s:9:"prototype";s:24:"dojox.image.LightboxNano";s:4:"type";s:8:"Function";s:6:"source";s:114:" var a = this._connects || [];
a.push(this._onClickEvt);
d.forEach(a, d.disconnect);
d.destroy(this._node);";s:7:"summary";s:43:"Destroys the LightboxNano and it's DOM node";}s:35:"dojox.image.LightboxNano._createDiv";a:7:{s:9:"prototype";s:24:"dojox.image.LightboxNano";s:4:"type";s:8:"Function";s:10:"parameters";a:3:{s:8:"cssClass";a:1:{s:4:"type";s:6:"String";}s:7:"refNode";a:1:{s:4:"type";s:7:"DomNode";}s:7:"display";a:1:{s:4:"type";s:7:"boolean";}}s:6:"source";s:126:" return d.create("div", { "class": cssClass, style: { position: abs, display: display ? "" : "none" } }, refNode); // DomNode";s:7:"summary";s:63:"Creates a div for the enlarge icon and loading indicator layers";s:7:"returns";s:7:"DomNode";s:7:"private";b:1;}s:30:"dojox.image.LightboxNano._load";a:6:{s:9:"prototype";s:24:"dojox.image.LightboxNano";s:4:"type";s:8:"Function";s:10:"parameters";a:1:{s:1:"e";a:1:{s:4:"type";s:5:"Event";}}s:6:"source";s:886:" var _this = this;
d.stopEvent(e);
if(!_this._loading){
_this._loading = true;
_this._reset();
var n = d.query("img", _this._node)[0],
a = d._abs(n, true),
c = d.contentBox(n),
b = d._getBorderExtents(n),
i = _this._img = d.create("img", {
style: {
visibility: "hidden",
cursor: "pointer",
position: abs,
top: 0,
left: 0,
zIndex: 9999999
}
}, d.body()),
ln = _this._loadingNode;
if(ln == null){
_this._loadingNode = ln = _this._createDiv("dojoxLoading", _this._node, true)
var l = d.marginBox(ln);
d.style(ln, {
left: parseInt((c.w - l.w) / 2) + "px",
top: parseInt((c.h - l.h) / 2) + "px"
});
}
c.x = a.x - 10 + b.l;
c.y = a.y - 10 + b.t;
_this._start = c;
_this._connects = [d.connect(i, "onload", _this, "_show")];
i.src = _this.href;
}";s:7:"summary";s:45:"Creates the large image and begins to show it";s:7:"private";b:1;}s:37:"dojox.image.LightboxNano._hideLoading";a:5:{s:9:"prototype";s:24:"dojox.image.LightboxNano";s:4:"type";s:8:"Function";s:6:"source";s:107:" if(this._loadingNode){
d.style(this._loadingNode, "display", "none");
}
this._loadingNode = false;";s:7:"summary";s:36:"Hides the animated loading indicator";s:7:"private";b:1;}s:30:"dojox.image.LightboxNano._show";a:5:{s:9:"prototype";s:24:"dojox.image.LightboxNano";s:4:"type";s:8:"Function";s:6:"source";s:1166:" var _this = this,
vp = getViewport(),
w = _this._img.width,
h = _this._img.height,
vpw = parseInt((vp.w - 20) * 0.9),
vph = parseInt((vp.h - 20) * 0.9),
dd = d.doc,
bg = _this._bg = d.create("div", {
style: {
backgroundColor: "#000",
opacity: 0.0,
position: abs,
zIndex: 9999998
}
}, d.body()),
ln = _this._loadingNode;
if(_this._loadingNode){
_this._hideLoading();
}
d.style(_this._img, {
border: "10px solid #fff",
visibility: "visible"
});
d.style(_this._node, "visibility", "hidden");
_this._loading = false;
_this._connects = _this._connects.concat([
d.connect(dd, "onmousedown", _this, "_hide"),
d.connect(dd, "onkeypress", _this, "_key"),
d.connect(window, "onresize", _this, "_sizeBg")
]);
if(w > vpw){
h = h * vpw / w;
w = vpw;
}
if(h > vph){
w = w * vph / h;
h = vph;
}
_this._end = {
x: (vp.w - 20 - w) / 2 + vp.l,
y: (vp.h - 20 - h) / 2 + vp.t,
w: w,
h: h
};
_this._sizeBg();
d.fx.combine([
_this._anim(_this._img, _this._coords(_this._start, _this._end)),
_this._anim(bg, { opacity: 0.5 })
]).play();";s:7:"summary";s:51:"The image is now loaded, calculate size and display";s:7:"private";b:1;}s:32:"dojox.image.LightboxNano._sizeBg";a:5:{s:9:"prototype";s:24:"dojox.image.LightboxNano";s:4:"type";s:8:"Function";s:6:"source";s:151:" var dd = d.doc.documentElement;
d.style(this._bg, {
top: 0,
left: 0,
width: dd.scrollWidth + "px",
height: dd.scrollHeight + "px"
});";s:7:"summary";s:38:"Resize the background to fill the page";s:7:"private";b:1;}s:29:"dojox.image.LightboxNano._key";a:6:{s:9:"prototype";s:24:"dojox.image.LightboxNano";s:4:"type";s:8:"Function";s:10:"parameters";a:1:{s:1:"e";a:1:{s:4:"type";s:5:"Event";}}s:6:"source";s:33:" d.stopEvent(e);
this._hide();";s:7:"summary";s:39:"A key was pressed, so hide the lightbox";s:7:"private";b:1;}s:32:"dojox.image.LightboxNano._coords";a:6:{s:9:"prototype";s:24:"dojox.image.LightboxNano";s:4:"type";s:8:"Function";s:10:"parameters";a:2:{s:1:"s";a:1:{s:4:"type";s:6:"Object";}s:1:"e";a:1:{s:4:"type";s:6:"Object";}}s:6:"source";s:166:" return {
left: { start: s.x, end: e.x },
top: { start: s.y, end: e.y },
width: { start: s.w, end: e.w },
height: { start: s.h, end: e.h }
}; // object";s:7:"summary";s:58:"Returns animation parameters with the start and end coords";s:7:"private";b:1;}s:30:"dojox.image.LightboxNano._hide";a:5:{s:9:"prototype";s:24:"dojox.image.LightboxNano";s:4:"type";s:8:"Function";s:6:"source";s:235:" var _this = this;
d.forEach(_this._connects, d.disconnect);
_this._connects = [];
d.fx.combine([
_this._anim(_this._img, _this._coords(_this._end, _this._start), "_reset"),
_this._anim(_this._bg, {opacity:0})
]).play();";s:7:"summary";s:19:"Closes the lightbox";s:7:"private";b:1;}s:31:"dojox.image.LightboxNano._reset";a:5:{s:9:"prototype";s:24:"dojox.image.LightboxNano";s:4:"type";s:8:"Function";s:6:"source";s:153:" d.style(this._node, "visibility", "visible");
d.forEach([this._img, this._bg], function(n){
d.destroy(n);
n = null;
});
this._node.focus();";s:7:"summary";s:21:"Destroys the lightbox";s:7:"private";b:1;}s:30:"dojox.image.LightboxNano._anim";a:6:{s:9:"prototype";s:24:"dojox.image.LightboxNano";s:4:"type";s:8:"Function";s:10:"parameters";a:3:{s:4:"node";a:1:{s:4:"type";s:0:"";}s:4:"args";a:1:{s:4:"type";s:0:"";}s:5:"onEnd";a:1:{s:4:"type";s:0:"";}}s:6:"source";s:154:" return d.animateProperty({
node: node,
duration: this.duration,
properties: args,
onEnd: onEnd ? d.hitch(this, onEnd) : null
}); // object";s:7:"summary";s:68:"Creates the lightbox open/close and background fadein/out animations";s:7:"private";b:1;}s:37:"dojox.image.LightboxNano._loadingNode";a:3:{s:8:"instance";s:24:"dojox.image.LightboxNano";s:7:"private";b:1;s:7:"summary";s:0:"";}s:3:"abs";a:1:{s:7:"summary";s:0:"";}s:11:"dojox.image";a:2:{s:4:"type";s:6:"Object";s:7:"summary";s:0:"";}s:5:"dojox";a:2:{s:4:"type";s:6:"Object";s:7:"summary";s:0:"";}}
";i:1;s:104:"