/***************************************************************************
* 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.0.1 + AutoApply
***************************************************************************/
///////////////// USER SETTINGS /////////////////
// Absolute path of *this* file on your server. This must be set for the
// script to function!!!
iPop.ScriptPath = "ipop.js";
// 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.
iPop.DegradeTarget = "_self";
///////////////// FUNCTIONALITY /////////////////
///////////////// DO NOT EDIT /////////////////
function iPop(img, imgTitle) {
// just follow the link in browsers that do not support images or the DOM
if(!document.images || !document.getElementById) {
// or launch in new window if that's what you wanted it to do
switch(iPop.DegradeTarget) {
case "_blank" : open(img); break;
case "_self" : location = img; break;
case "_top" : top.location = img; break;
case "_parent" : window.parent.location = img; break;
default : open(img, iPop.DegradeTarget);
}
return true;
}
// 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 +",status=no");
// when moz disables all popups, imgWin will be false
if(!imgWin) return true;
// 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 = 'Loading';
html += '\n';
html += '\n';
html += '';
html += '\n';
html += '\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();
return false;
}
iPop.ImageLoaded = function(e) {
if(!e) return;
e.onload = null; e.onerror = null;
var width = e.width + 30, height = e.height + 80;
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) {
document.getElementById("image").style.overflow = "auto";
}
var left = (screen.availWidth - width)/2, top = (screen.availHeight - height)/ 2;
window.moveTo(left, top);
window.resizeTo(width, height);
var winWidth = document.body.clientWidth, winHeight = document.body.clientHeight;
if( (tooLarge && (winWidth < 200 || winHeight < 200) )
|| !tooLarge && (e.width > 150 && winWidth <= 150 || e.height > 100 && winHeight <= 100) ) {
_e = {
src : e.src,
width : e.width,
height : e.height,
tooLarge : tooLarge
}
document.getElementById("loading").style.display = "none";
document.getElementById("error").style.display = "none";
document.getElementById("image").style.display = "none";
document.title = "Image Loaded";
} else { // can resize
document.getElementById("loading").style.display = "none";
document.getElementById("error").style.display = "none";
document.getElementById("resize").style.display = "none";
document.title = _title;
}
}
iPop.ErrorLoading = function(e) {
if(!e) return;
e.onload = null; e.onerror = null;
document.getElementById("loading").style.display = "none";
document.getElementById("resize").style.display = "none";
document.getElementById("image").style.display = "none";
document.title = "Image not found";
}
iPop.ImageLoadedManualPopup = function(e) {
if(!e) 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;
window.open(e.src, "ManualImageViewer", "width=" + width + ",height=" + height + ",left=" + left + ",top=" + top + (e.tooLarge ? ",scrollbars" : "") + ",status=no");
window.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); }
}
}