/***************************************************************************
* Automatic Image Popup
* Copyright 2003 by David Schontzler | www.stilleye.com
* Free to use under GNU General Public License as long as this message
* remains intact.
* Description: Automate your image popup windows (centered and sized)
* Compatibility: Win/IE5+, Mozilla/Netscape, degrades otherwise
* URI: http://www.stilleye.com/projects/dhtml/iPop/
***************************************************************************
* Version: 2.5.0 + AutoApply
***************************************************************************/
///////////////// USER SETTINGS /////////////////
// Set the target for browsers that don't support the script. By default,
// target is "_self" which will open in the same window as the link. Change
// it to whatever target you like. The built in targets (_blank, _self,
// _top, and _parent) are supported.
iPop.DegradeTarget = "_blank";
// Set this to true if you want to be able to click on the image to close
// the popup window
iPop.ClickImageToClose = true;
// Set this to true if you want to close the last open popup image when you click
// on a new popup (like window reuse)
iPop.CloseOpenWindows = false;
///////////////// FUNCTIONALITY /////////////////
///////////////// DO NOT EDIT /////////////////
iPop.Version = 2.50;
iPop.imgWin = null;
function iPop(img, imgTitle) {
function degrade() {
switch(iPop.DegradeTarget) {
case "_blank" : open(img); break;
case "_self" : location = img; break;
case "_top" : top.location = img; break;
case "_parent" : parent.location = img; break;
default : open(img, iPop.DegradeTarget);
}
return false;
}
// just follow the link in browsers that do not support images or the DOM
// or launch in specified target if that's what you wanted it to do
if(!document.images || !document.getElementById) return degrade();
// check to close open popups (if set to do so)
if(iPop.CloseOpenWindows && iPop.imgWin) {
if(iPop.imgWin.close) iPop.imgWin.close();
iPop.imgWin = null;
}
// initial (small) window with loading screen
var width = 150, height = 100;
var left = (screen.availWidth - width)/2, top = (screen.availHeight - height)/ 2;
var imgWin = window.open("about:blank", "", "width=" + width + ",height=" + height + ",left=" + left + ",top=" + top);
// when moz disables all popups, imgWin will be false
if(!imgWin) return degrade();
// user can pass an image title if they wish. by default,
// window title will display: "Image (img source)"
imgTitle = imgTitle || "Image (" + img + ")";
// html generated for use in our popup
// note on the javascript functions:
// wrapper functions with timeouts because sometimes the image is loaded
// before the script is loaded, at least in Win/IE when doing local testing;
// timeout should (presumably) prevent that
var html = '';
html += '\nLoading';
html += '\n';
html += '\n';
html += '\n\n';
html += '\nLoading image. Please wait...
';
html += '\n';
html += '\nImage loaded. Your browser does not allow for window resizing.
View Image ';
html += '\n';
html += '\n';
imgWin.document.open();
imgWin.document.write(html);
imgWin.document.close();
iPop.imgWin = imgWin;
return false;
}
iPop.ImageLoaded = function(e, win) {
if(!e || !win) return;
e.onload = null;
e.onerror = null;
if( win._pageLoaded ) {
function show() {
win.imgShow(e, win);
}
win.setTimeout(show, 100);
} else {
function noShow() {
win.imgLoad(e, win);
}
win.setTimeout(noShow, 100);
}
}
iPop.ImageShow = function(e, win) {
if(!e || !win) return;
e.onload = null; e.onerror = null;
var doc = win.document;
var width = e.width + 30, height = e.height + 55;
var tooLarge = false;
if(width > screen.availWidth) {
width = screen.availWidth - 20;
tooLarge = true;
}
if(height > screen.availHeight) {
height = screen.availHeight - 20;
tooLarge = true;
}
if(tooLarge) {
doc.getElementById("image").style.overflow = "auto";
}
var tooSmall = false;
if( e.width < doc.body.clientWidth && e.height < doc.body.clientHeight ) {
tooSmall = true;
}
var left = (screen.availWidth - width)/2, top = (screen.availHeight - height)/ 2;
win.resizeTo(width, height);
win.moveTo(left, top);
var winWidth = doc.body.clientWidth, winHeight = doc.body.clientHeight;
if( (tooLarge && (winWidth < 200 || winHeight < 200) )
|| !tooLarge && !tooSmall && (e.width > 150 && winWidth <= 150 || e.height > 100 && winHeight <= 100) ) {
win._e = {
src : e.src,
width : e.width,
height : e.height,
tooLarge : tooLarge
}
doc.getElementById("loading").style.display = "none";
doc.getElementById("error").style.display = "none";
doc.getElementById("image").style.display = "none";
doc.title = "Image Loaded";
} else { // can resize
doc.getElementById("loading").style.display = "none";
doc.getElementById("error").style.display = "none";
doc.getElementById("resize").style.display = "none";
doc.title = win._title;
}
}
iPop.ErrorLoading = function(e, doc, win) {
if(!e || !doc || !win) return;
e.onload = null; e.onerror = null;
doc.getElementById("loading").style.display = "none";
doc.getElementById("resize").style.display = "none";
doc.getElementById("image").style.display = "none";
doc.title = "Image not found";
}
iPop.ImageLoadedManualPopup = function(e, win) {
if(!e || !win) return;
var width = e.width + 20, height = e.height + 20;
if(width > screen.availWidth) width = screen.availWidth - 20;
if(height > screen.availHeight) height = screen.availHeight - 100;
var left = (screen.availWidth - width)/2, top = (screen.availHeight - height)/ 2;
win.open(e.src, "ManualImageViewer", "width=" + width + ",height=" + height + ",left=" + left + ",top=" + top + (e.tooLarge ? ",scrollbars" : ""));
win.close();
}
///////////////// EXTENSIONS /////////////////
// AutoApply 1.0
iPop.AutoApply = function(container) {
if(!container) container = document;
var a = container.getElementsByTagName("A");
for(var i = 0; i < a.length; i++) {
if( a[i].href.match(/\.(gif|jpg|png|jpeg)$/i) ) {
applyPopup(a[i]);
}
}
function applyPopup(link) {
// check to see if link holds *just* a thumbnail and get
// the thumbnail's alternate text for image popup title
var n, imgs = 0, whitespace = 0, alt = null;
for(var i = 0; n = link.childNodes[i]; i++) {
if(n.tagName == "IMG") {
imgs++;
alt = n.alt;
} else if(n.nodeValue) {
var val = n.nodeValue;
if( val.replace(/\s+/g, "") == "" ) whitespace++;
}
}
n = null;
// apply iPop to link
link.onclick = function(e) { return iPop(this.href, alt); }
}
}