if(!dojo._hasResource["LightboxNew"]){ //_hasResource checks added by build. Do not use _hasResource directly in your code.
dojo._hasResource["LightboxNew"] = true;
dojo.provide("LightboxNew");
dojo.experimental("LightboxNew");
dojo.require("dijit.Dialog");
dojo.require("dojox.fx._base");
dojo.declare("LightboxNew",
dijit._Widget,{
// summary:
// A dojo-based Lightbox implementation.
//
// description:
// An Elegant, keyboard accessible, markup and store capable Lightbox widget to show images
// in a modal dialog-esque format. Can show individual images as Modal dialog, or can group
// images with multiple entry points, all using a single "master" Dialog for visualization
//
// key controls:
// ESC - close
// Down Arrow / Rt Arrow / N - Next Image
// Up Arrow / Lf Arrow / P - Previous Image
//
// example:
// | show lightbox
//
// example:
// | show group lightbox
// | show group lightbox
//
// example:
// | not implemented fully yet, though works with basic datastore access. need to manually call
// | widget._attachedDialog.addImage(item,"fromStore") for each item in a store result set.
// |
//
// group: String
// Grouping images in a page with similar tags will provide a 'slideshow' like grouping of images
group: "",
// title: String
// A string of text to be shown in the Lightbox beneath the image (empty if using a store)
title: "",
// href; String
// Link to image to use for this Lightbox node (empty if using a store).
href: "",
// duration: Integer
// Generic time in MS to adjust the feel of widget. could possibly add various
// durations for the various actions (dialog fadein, sizeing, img fadein ...)
duration: 500,
// _allowPassthru: Boolean
// Privately set this to disable/enable natural link of anchor tags
_allowPassthru: false,
// _attachedDialg: dojox.image._LightboxDialog
// The pointer to the global lightbox dialog for this widget
_attachedDialog: null, // try to share a single underlay per page?
startup: function(){
this.inherited(arguments);
// setup an attachment to the masterDialog (or create the masterDialog)
var tmp = dijit.byId('LightboxDialogNew');
if(tmp){
this._attachedDialog = tmp;
}else{
// this is the first instance to start, so we make the masterDialog
this._attachedDialog = new _LightboxDialogNew({ id: "LightboxDialogNew" });
this._attachedDialog.startup();
}
if(!this.store){
// FIXME: full store support lacking, have to manually call this._attachedDialog.addImage(imgage,group) as it stands
this._addSelf();
this.connect(this.domNode, "onclick", "_handleClick");
}
},
_addSelf: function(){
// summary: Add this instance to the master LightBoxDialog
this._attachedDialog.addImage({
href: this.href,
title: this.title
},this.group||null);
},
_handleClick: function(/* Event */e){
// summary: Handle the click on the link
if(!this._allowPassthru){ e.preventDefault(); }
else{ return; }
this.show();
},
show: function(){
// summary: Show the Lightbox with this instance as the starting point
this._attachedDialog.show(this);
},
disable: function(){
// summary: Disables event clobbering and dialog, and follows natural link
this._allowPassthru = true;
},
enable: function(){
// summary: Enables the dialog (prevents default link)
this._allowPassthru = false;
}
});
dojo.declare("_LightboxDialogNew",
dijit.Dialog,{
// summary:
// The "dialog" shared between any Lightbox instances on the page
//
// description:
//
// A widget that intercepts anchor links (typically around images)
// and displays a modal Dialog. this is the actual Dialog, which you can
// create and populate manually, though should use simple Lightbox's
// unless you need to direct access.
//
// There should only be one of these on a page, so all dojox.image.Lightbox's will us it
// (the first instance of a Lightbox to be show()'n will create me If i do not exist)
//
// title: String
// The current title, read from object passed to show()
title: "",
// FIXME: implement titleTemplate
// inGroup: Array
// Array of objects. this is populated by from the JSON object _groups, and
// should not be populate manually. it is a placeholder for the currently
// showing group of images in this master dialog
inGroup: null,
// imgUrl: String
// The src="" attribute of our imageNode (can be null at statup)
imgUrl: "",
// errorMessage: String
// The text to display when an unreachable image is linked
errorMessage: "Image not found.",
// adjust: Boolean
// If true, ensure the image always stays within the viewport
// more difficult than necessary to disable, but enabled by default
// seems sane in most use cases.
adjust: true,
// an object of arrays, each array (of objects) being a unique 'group'
_groups: { XnoGroupX: [] },
// errorImg: Url
// Path to the image used when a 404 is encountered
errorImg: dojo.moduleUrl("dojox.image","resources/images/warning.png"),
// privates:
_imageReady: false,
_blankImg: dojo.moduleUrl("dojo","resources/blank.gif"),
_clone: null, // the "untained" image
_wasStyled: null, // indicating taint on the imgNode
// animation holders:
_loadingAnim:null,
_showImageAnim: null,
_showNavAnim: null,
_animConnects: [],
templateString:"\n\t
\n\t\t
\n\t\t\t
![\"${title}\"](\"${imgUrl}\")
\n\t\t\t\n\t\t
\t\n\t\t\n\t
\n
\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\n\t\t
\t\n\t\t\n\t
\n
