// Variables for custom settings. (More options available below line.)
lb_js = "JavaScripts/lightbox.js";
lb_color_js = "JavaScripts/lightbox-color.js";
lb_css = "CSS/lightbox.css";
previous_image = "Images/Lightbox/prev.gif";
next_image = "Images/Lightbox/next.gif";
blank_image = "Images/Lightbox/blank.gif";
loading_image = "Images/Lightbox/loading.gif";
rel_tag = 'lightbox';
/*
// Create all the needed html for lightbox automatically from the image information.
$(document).ready(function(){
// For every element with the lightbox class find add the link directly to it.
for (im = 0; im < $(".lightbox").length; im++) {
if ($(".lightbox").eq(im).attr('src') != '') {
$(".lightbox").eq(im).wrap('');
}
}
});*/
// Start of jQuery Plugin.
(function($) {
// Debug
if ( !$.browser.safari && typeof window.console !== 'undefined' && typeof window.console.log === 'function' ) {
// Use window.console.
$.log = window.console.log;
}
else {
// Don't use anything.
$.log = function ( ) { };
}
// Pre-Req. Turn a params string or url into an array of params.
$.params_to_json = $.params_to_json || function ( params ) {
// Adjust.
params = String(params);
// Remove url if need be.
params = params.substring(params.indexOf('?')+1);
// params = params.substring(params.indexOf('#')+1);
// Change + to %20, the %20 is fixed up later with the decode
params = params.replace(/\+/g, '%20');
// Is JSON loaded.
if ( params.substring(0,1) === '{' && params.substring(params.length-1) === '}' ) {
// If so use the JSON string.
return eval(decodeURIComponent(params));
}
// Split the params string.
params = params.split(/\&|\&\;/);
var json = {};
// Params.
for ( var i = 0, n = params.length; i < n; ++i ) {
// Adjust
var param = params[i] || null;
if ( param === null ) { continue; }
param = param.split('=');
// Change "var=blah" into ["var","blah"].
if ( param === null ) { continue; }
// Get.
var key = param[0] || null;
if ( key === null ) { continue; }
if ( typeof param[1] === 'undefined' ) { continue; }
// Gather all the parts.
var value = param[1];
// Fix.
key = decodeURIComponent(key);
value = decodeURIComponent(value);
try {
// Value can be converted.
value = eval(value);
}
catch ( e ) {
// Value is a normal string.
}
// Set and add all the parts to JSON object.
// console.log({'key':key,'value':value}, split);
var keys = key.split('.');
if ( keys.length === 1 ) {
// Simple
json[key] = value;
}
else {
// Advanced
var path = '';
for ( ii in keys ) {
key = keys[ii];
path += '.'+key;
eval('json'+path+' = json'+path+' || {}');
}
eval('json'+path+' = value');
}
}
// Return the parts to JSON.
return json;
};
// Declare the lightbox class.
$.LightboxClass = function ( ) {
// This is the handler for our constructor
this.construct();
};
// Extend jQuery elements for Lightbox
$.fn.lightbox = function ( options ) {
// Init a el for Lightbox.
// Eg. $('#gallery a').lightbox();
// If need be: Instantiate $.LightboxClass to $.Lightbox
$.Lightbox = $.Lightbox || new $.LightboxClass();
// Handle IE6 appropriatly.
if ( $.Lightbox.ie6 && !$.Lightbox.ie6_support ) {
// Return the chain in IE6.
return this;
}
// Establish the default options.
options = $.extend({start:false,events:true}, options);
// Get group.
var group = $(this);
// Check for events.
if ( options.events ) {
// Add events.
$(group).unbind().click(function(){
// Get obj.
var obj = $(this);
// Get rel.
// var rel = $(obj).attr('rel');
// Init group.
if (!$.Lightbox.init($(obj)[0], group)) {
return false;
}
// Display lightbox.
if (!$.Lightbox.start()) {
return false;
}
// Cancel href.
return false;
});
// Add style.
$(group).addClass('lightbox-enabled');
}
// Check to see if it is started.
if ( options.start ) {
// Get obj.
var obj = $(this);
// Get rel.
// var rel = $(obj).attr('rel');
// Init group.
if (!$.Lightbox.init($(obj)[0], group)) {
return this;
}
// Display lightbox
if ( !$.Lightbox.start() ) {
return this;
}
}
// Return the chain.
return this;
};
// Define the lightbox class.
$.extend($.LightboxClass.prototype, {
// Everyting to do with the images.
images: {
// Write the variables into an array.
list:[],
/* [ {
src: 'url to image',
link: 'a link to a page',
title: 'title of the image',
name: 'name of the image',
description: 'description of the image'
} ], */
// The current active image
image: false,
// Functions.
prev: function (image) {
// Get previous image from the current one.
if ( typeof image === 'undefined') {
image = this.active();
if (!image) {
return image;
}
}
// Check to see if there is a previous image.
if (this.first(image)) {
return false;
}
// Get the previous.
return this.get(image.index-1);
},
next: function (image) {
// Get next image from the current one.
if (typeof image === 'undefined') {
image = this.active();
if (!image) {
return image;
}
}
// Check to see if there is an image after this one.
if (this.last(image)) {
return false;
}
// Get the next.
return this.get(image.index+1);
},
first: function (image) {
// Get the first image.
if ( typeof image === 'undefined') {
return this.get(0);
}
// Check to see if this is the first image.
return image.index === 0;
},
last: function (image) {
// Get the last image.
if ( typeof image === 'undefined') {
return this.get(this.size()-1);
}
// Check to see if this is the last image.
return image.index === this.size()-1;
},
single: function ( ) {
// See if this is the only image.
return this.size() === 1;
},
size: function ( ) {
// Find the number of images.
return this.list.length;
},
empty: function ( ) {
// Check to see if it is empty.
return this.size() === 0;
},
clear: function ( ) {
// Clear the image arrray.
this.list = [];
this.image = false;
},
active: function (image) {
// Set or get the active image and use false to reset it.
if ( typeof image === 'undefined') {
return this.image;
}
// Set the active image.
if (image !== false) {
// Make sure the image exists.
image = this.get(image);
if (!image) {
// Error.
return image;
}
}
this.image = image;
return true;
},
add: function (obj) {
// Is it necessary to recurse the file.
if (obj[0]) {
// Check to see if there are a lot of images.
for (var i = 0; i < obj.length; i++) {
this.add(obj[i]);
}
return true;
}
// Try and create a default image.
var image = this.create(obj);
if (!image) {
return image;
}
// Set the image index.
image.index = this.size();
// Push the image.
this.list.push(image);
// Success.
return true;
},
create: function ( obj ) {
// Create image.
var image = {
// Default.
src: '',
title: 'Untitled',
description: '',
name: '',
index: -1,
color: null,
width: null,
height: null,
image: true
};
// Create.
if (obj.image) {
// There is already an image, so copy over values.
image.src = obj.src || image.src;
image.title = obj.title || image.title;
image.description = obj.description || image.description;
image.name = obj.name || image.name;
image.color = obj.color || image.color;
image.width = obj.width || image.width;
image.height = obj.height || image.height;
image.index = obj.index || image.index;
}
else if (obj.tagName) {
// If the object is an element.
obj = $(obj);
if (obj.attr('src') || obj.attr('href')) {
image.src = obj.attr('src') || obj.attr('href');
image.title = obj.attr('title') || obj.attr('alt') || image.title;
image.name = obj.attr('name') || '';
image.color = obj.css('backgroundColor');
// Extract description from title.
var s = image.title.indexOf(': ');
if ( s > 0 ) {
// If description exists.
image.description = image.title.substring(s+2) || image.description;
image.title = image.title.substring(0,s) || image.title;
}
}
else {
// Unsupported element.
image = false;
}
}
else {
// Unknown.
image = false;
}
if (!image) {
// Error.
$.log('ERROR', 'We dont know what we have:', obj);
return false;
}
// Success.
return image;
},
get: function (image) {
// Get the active, or specified image.
if (typeof image === 'undefined' || image === null) {
// Get the active image.
return this.active();
}
else if (typeof image === 'number') {
// If there is an index, get the image.
image = this.list[image] || false;
}
else {
// Create.
image = this.create(image);
if (!image) {
return false;
}
// Find.
var f = false;
for (var i = 0; i < this.size(); i++) {
var c = this.list[i];
if (c.src === image.src && c.title === image.title && c.description === image.description) {
f = c;
}
}
// Check to see if the image is found.
image = f;
}
// Determine the image.
if (!image) {
// If the image doesn't exist...
$.log('ERROR', 'The desired image doesn\'t exist: ', image, this.list);
return false;
}
// Return image.
return image;
},
debug: function ( ) {
return $.Lightbox.debug(arguments);
}
},
// User Options.
constructed: false,
// The source location of our js file.
src: null,
baseurl: null,
files: {
// If you are doing a repack with packer (http://dean.edwards.name/packer/) then append ".packed" onto the js and css files before you pack it.
js: {
lightbox: lb_js,
colorBlend: lb_color_js
},
css: {
lightbox: lb_css
},
images: {
prev: previous_image,
next: next_image,
blank: blank_image,
loading: loading_image
}
},
text: {
// For translating.
image: 'Image',
of: 'of',
close: 'Close X',
closeInfo: 'Click here or anywhere outside the image to close.',
download: 'Direct link to download the image.',
help: {
close: '',
interact: ''
},
about: {
text: 'jQuery Lightbox Plugin (balupton edition)',
title: 'Licenced under the GNU Affero General Public License.',
link: 'http://jquery.com/plugins/project/jquerylightbox_bal'
}
},
keys: {
close: 'c',
prev: 'p',
next: 'n'
},
handlers: {
// For custom actions.
show: null
},
opacity: 0.9,
// If null - autodetect.
padding: null,
// Duration of effect, milliseconds.
speed: 400,
// What to look for in the rels.
rel: rel_tag,
// Automatically do the rels?
auto_relify: true,
// Allow lightbox scroll with the page... (follow, disabled, ignore)
auto_scroll: 'follow',
// True or False.
auto_resize: true,
// Is it IE6.
ie6: null,
ie6_support: true,
ie6_upgrade: true,
// Color Blend (null - Auto-detect, true - Force, false - No).
colorBlend: null,
// Display the download link.
download_link: true,
show_linkback: false,
// Show info (auto - Automaticly Handle, true - force)
show_info: 'auto',
// Show extended info (auto - Automaticly Handle, true - force)
show_extended_info: 'auto',
// Names of the options that can be modified.
options: ['auto_scroll', 'auto_resize', 'download_link', 'show_info', 'show_extended_info', 'ie6_support', 'ie6_upgrade', 'colorBlend', 'baseurl', 'files', 'text', 'show_linkback', 'keys', 'opacity', 'padding', 'speed', 'rel', 'auto_relify'],
// Functions
construct: function (options) {
// Construct Lightbox.
// Initial construction.
var initial = typeof this.constructed === 'undefined' || this.constructed === false;
this.constructed = true;
// Perform domReady.
var domReady = initial;
// Prepare options
options = $.extend({}, options);
// Handle files.
// Add baseurl
if (initial && (typeof options.files === 'undefined')) {
// Load the files like default.
// Get the src of the first script tag that includes our js file (with or without an appendix).
this.src = $('script[src*='+this.files.js.lightbox+']:first').attr('src');
// Make sure the js file exists.
if (!this.src) {
// Error.
// $.log('WARNING', 'Lightbox was not able to find it\'s javascript script tag necessary for auto-inclusion.');
// We don't work with files anymore, so don't care for domReady
domReady = false;
}
else {
// The baseurl is the src up until the start of the js file.
this.baseurl = this.src.substring(0, this.src.indexOf(this.files.js.lightbox));
// Apply baseurl to files.
var me = this;
$.each(this.files, function(group, val){
$.each(this, function(file, val){
me.files[group][file] = me.baseurl+val;
});
});
delete me;
// Add more params if they exist.
options = $.extend(options, $.params_to_json(this.src));
}
}
else if (typeof options.files === 'object') {
// Custom files.
var me = this;
$.each(options.files, function(group, val){
$.each(this, function(file, val){
this[file] = me.baseurl+val;
});
});
delete me;
}
else {
// If no files then perform domReady.
domReady = false;
}
// Apply options
for ( i in this.options ) {
// Cycle through the options.
var name = this.options[i];
if ((typeof options[name] === 'object') && (typeof this[name] === 'object')) {
// There is a group like text or files.
this[name] = $.extend(this[name], options[name]);
}
else if (typeof options[name] !== 'undefined') {
// Apply the option.
this[name] = options[name];
}
}
// Handle IE6.
if (initial && navigator.userAgent.indexOf('MSIE 6') >= 0) {
this.ie6 = true;
}
else {
this.ie6 = false;
}
// Handle the DOM.
if (domReady || typeof options.download_link !== 'undefined' || typeof options.colorBlend !== 'undefined' || typeof options.files === 'object' || typeof options.text === 'object' || typeof options.show_linkback !== 'undefined' || typeof options.scroll_with !== 'undefined') {
$(function() {
// Fire the DOM handler.
$.Lightbox.domReady();
});
}
return true;
},
domReady: function ( ) {
// Grab resources
var bodyEl = document.getElementsByTagName($.browser.safari ? 'head' : 'body')[0];
var stylesheets = this.files.css;
var scripts = this.files.js;
// Handle IE6 appropriatly
if ( this.ie6 && this.ie6_upgrade ) {
// Add the upgrade message.
scripts.ie6 = 'http://www.savethedevelopers.org/say.no.to.ie.6.js';
}
// Color blend.
if ( this.colorBlend === true && typeof $.colorBlend === 'undefined' ) {
// Force colorBlend. Leave file in place to be loaded.
this.colorBlend = true;
}
else {
// Check whether colorblend is on or off.
this.colorBlend = typeof $.colorBlend !== 'undefined';
// Remove colorBlend file.
delete scripts.colorBlend;
}
// Include stylesheets.
for (stylesheet in stylesheets ) {
var linkEl = document.createElement('link');
linkEl.type = 'text/css';
linkEl.rel = 'stylesheet';
linkEl.media = 'screen';
linkEl.href = stylesheets[stylesheet];
linkEl.id = 'lightbox-stylesheet-'+stylesheet.replace(/[^a-zA-Z0-9]/g, '');
$('#'+linkEl.id).remove();
bodyEl.appendChild(linkEl);
}
// Include javascripts.
for (script in scripts) {
var scriptEl = document.createElement('script');
scriptEl.type = 'text/javascript';
scriptEl.src = scripts[script];
scriptEl.id = 'lightbox-script-'+script.replace(/[^a-zA-Z0-9]/g, '');
$('#'+scriptEl.id).remove();
bodyEl.appendChild(scriptEl);
}
// Cleanup.
delete scripts;
delete stylesheets;
delete bodyEl;
// Append markup
$('#lightbox,#lightbox-overlay').remove();
$('body').append('
