/***************************************************************************************/
/* filename: DV.js */
/* version: 1.3 */
/* last modified: 11.02.2007 */
/* author: Axel Schneider */
/* mail: mail@axelschneider.info */
/* www: http://javascript.axelschneider.info */
/* */
/* description: This JavaScript is showing a picture in a */
/* division-container. This procedure substitutes */
/* the ordinary way to open a new window. The Pic */
/* is shown in the middle of the current window. If the */
/* screen-resolution is smaller than the width */
/* and/or height it is resized to the largest */
/* possible size. */
/* */
/* advantages: - there occure no problems with pop-up-blockers. */
/* - picture is shown independently of the screen-resolution as one item*/
/* - customizable settings */
/* */
/* customization: you may vary some settings */
/* - closingSign: the sign which is shown in the upper right corner to*/
/* close/hide the picture. you could use text or an */
/* image. */
/* - loadingSign: the sign which is shown at the bottom in the left */
/* corner. it is visible as long as the picture is */
/* loading. you could use text or an image. */
/* - borderDV: the width of the border around the picture in pixel.*/
/* - spaceDV: the minimal space which should be between the shown */
/* image and the (inner) browser-border. */
/* - borderColorDV: color of the border which is around the picture. */
/* - bgColorDV: background-color for the closing-sign. if it is set */
/* to empty the background is transparent. */
/* */
/* usage: append the function "dv.showDV('![]()
')" */
/* to a certain event. */
/* the image-tag needs to consist of the width */
/* and height-attribute. to avoid the problem of */
/* multi-nested single and double apostrophe use */
/* a javascript variable for the image-tag. eg.: */
/* var myPic = '
'; */
/* */
/* to use the before-next-functionality you have to provide an array */
/* which consists of all img-tags to the dv-instance. eg.: */
/* var myPic = new Array(); */
/* myPic[0] = ''; */
/* dv.setAllImagesArray(myPicArray); */
/* */
/* example: click here */
/* */
/* history: 22.09.2006 - added functionality of alt (title) */
/* 11.02.2007 - added opacity for loading, closing and before-next-signs*/
/* - added functionality to navigate to the last and next */
/* image */
/* */
/***************************************************************************************/
//attributes you may vary
var closingSign = "x"; //the sign in the upper right corner which signs to close the viewer
var loadingSign = "L.O.A.D.I.N.G"; //the sign in the loading-div
var beforeSign = "<"; //the sign to show the last image
var nextSign = ">"; //the sign to show the next image
var borderDV = 2; //border-width arround the viewer
var spaceDV = 20; //space between the viewer and the inner-window
var borderColorDV = "#ffffff"; //border color and the color of the closing-sign-text
var bgColorDV = "black"; //background color for the closing sign
var bgOpacity = 50; //opacity in percent
//DO NOT CHANGE ANYTHING IF YOU ARE NOT FAMILIAR WITH JAVASCRIPT NOW
/**********************************************************************/
/* DivViewer */
/**********************************************************************/
//create DV-Object
var dv = new DVObject();
function initDV() {
//write html code to the document
dv.writeHtmlCode();
//initialize the dhtml-library
DHTML_init();
//set attributes
dv.setAttributes();
}
function DVObject() {
//attributes
this.htmlCode;
this.parentDV;
this.childDVCont;
this.childDVClose;
this.childDVLoad;
this.childDVBeforeAndNext;
this.childDVTblBeforeAndNext;
this.childDVBefore;
this.childDVNext;
this.errorMessage;
this.img = new DVImg();
this.swapImg;
this.allImages;
this.currentDisplayedImage;
//general functions for the div-viewer
// # writeHtmlCode()
// # setAttributes()
// # showDV()
// # hideDV()
// # showLoadDV()
// # checkImgParameter()
// # checkLoad()
// # regSearch()
// # regSearchNumber()
// # getMiddlePosition()
// # getScreenSize()
// # decodeHtml()
// # setOpacityStyle()
// # getOpacityValue()
//functions for a before-next-functionality
// # setAllImagesArray()
// # checkBeforeAndNextImages()
// # showLastImage()
// # showNextImage()
// # getPositionOfImage()
}
function DVImg() {
this.src;
this.width;
this.height;
this.border;
this.alt;
}
// # writeHtmlCode()
DVObject.prototype.writeHtmlCode = function() {
//the DV-Object consists of two inner divs
// # content-div
// # close-div
//build the html code
dv.htmlCode = '\n' +
'
\n' +
'
'+loadingSign+'
' +
'
'+closingSign+'
' +
'
' +
'
' +
' ' +
' '+beforeSign+' | ' +
' '+nextSign+' | ' +
'
' +
'
' +
'
' +
'