// JavaScript Document
and the folowing to the body tag:
and the folowing into the body:
and optionally adding the folowing if you use descriptions anywhere in the body:
and optionally adding the folowing if you use controls anywhere in the body:
Image number 0 Image number 1
*****************************************************************************************/
// Defaults, user editable.
var play = false; // true if play is turned on after load
var fadetime = 10; // fade time in tenths of a second
var slidedelay = 5; // delay between slide fades in seconds
var imgindex = 0; // first image to display on load
var playdelay = false // true if play button starts play after slide delay
var slideimages = new Array(); // image path list
var slidedesc = new Array(); // image description list
var slidelink = new Array(); // image url link list
var windowattrib = 'width=800, height=570,' // new window attributes
windowattrib += 'resizable=yes, scrollbars=yes,' // new window attributes
windowattrib += 'toolbar=yes, copyhistory=yes,' // new window attributes
windowattrib += 'menubar=yes, directories=yes,' // new window attributes
windowattrib += 'location=yes, status=yes' // new window attributes
// Browser identification variables.
var nua = navigator.userAgent;
var op = (nua.indexOf('Opera')!=-1);
var saf = (nua.indexOf('Safari')!=-1);
var konq = (!saf && (nua.indexOf('Konqueror')!=-1) );
var moz = ( (!saf && !konq) && (nua.indexOf('Gecko')!=-1) );
var ie = (document.getElementById && (nua.indexOf('MSIE')!=-1) && !op);
// General presets, not user editable.
var step = -3;
var busy = true;
var reflip = false;
var buffer = 100;
var downtime = 50;
var quality = 4;
var frImg = null;
var bkImg = null;
var delaysteps = 0;
var desc = false;
var linkactive = false;
// Root initializer function and play/pause controller.
function slideshow(command) {
if (command=='play') {
reflip = true;
play = true;
if (!playdelay) slideto('next');
}
else if (command == 'pause') {
play = false;
}
// initialize slideshow
else {
for (i=0; i0) desc = true;
if (fadetime<0 || fadetime>50) fadetime = 10;
if (fadetime < 5) quality = 10;
else if (fadetime < 15) quality = 4;
else if (fadetime < 35) quality = 2;
else quality = 1;
if (slidedelay<0 || slidedelay>3600) slidedelay = 5;
delaysteps = (1000/downtime)*slidedelay;
windowattrib = windowattrib.replace(/[ \t\n\r\v\0]/g, "");
bkImg.style.backgroundImage = "url("+frImg.src+")";
setTimeout('flipimage()', buffer);
}
}
// Main executing slide loop function.
function flipimage() {
// Rearange image layers during -3 to -2.
if (step == -3) {
fadeto(0)
step++;
setTimeout('flipimage()', buffer);
} else if (step == -2) {
frImg.src = slideimages[imgindex];
busy = true;
step++;
setTimeout('flipimage()', buffer);
}
// Fade in new image during step -1.
else if (step == -1) {
if (desc) setTimeout('updatedesc()', 10*fadetime);
setTimeout('updatelink()', 10*fadetime);
if (fadetime > 0) {
for (i=quality; i<=100; i+=quality) {
setTimeout('fadeto('+i+')', i*fadetime);
}
} else {
fadeto('100');
}
step++;
setTimeout('flipimage()', 100*fadetime+buffer);
}
// Reset the background image.
else if (step == 0) {
bkImg.style.backgroundImage = "url("+frImg.src+")";
step++;
setTimeout('flipimage()', buffer);
}
// Create downtime between images if needed.
else if ( (step<=delaysteps || !play) && !reflip) {
step++;
setTimeout('flipimage()', downtime);
}
// Get next image and repeat.
else {
if (!reflip) slideto('next');
busy = false;
reflip = false;
step = -3;
flipimage();
}
}
// Update description div text.
function updatedesc() {
if (slidedesc[imgindex] == '') text = ' ';
else text = slidedesc[imgindex];
MM_setTextOfLayer('ss_desc','',text);
}
// Update image link.
function updatelink() {
if (slidelink[imgindex]) {
linkactive = true;
frImg.style.cursor = "pointer";
} else {
linkactive = false;
frImg.style.cursor = "default";
}
}
// Change the front image opacity to a value.
function fadeto(opcty) {
frImg.style.opacity = opcty/100;
if (moz) frImg.style.MozOpacity = opcty/100;
if (saf||konq) frImg.style.KhtmlOpacity = opcty/100;
if (ie) frImg.filters['alpha'].opacity = opcty;
}
// Change the front image opacity to a value.
function popuplink() {
if (linkactive) window.open(slidelink[imgindex],'',windowattrib);
}
// User interupt handeler and next index generator.
function slideto(command) {
if (busy) reflip = true;
if (command == parseInt(command,10)) {
imgindex = command;
if (imgindex >= slideimages.length) imgindex = slideimages.length-1;
}
else if (command == 'previous') {
imgindex--;
if (imgindex < 0) imgindex = slideimages.length-1;
}
else if (command == 'first') {
imgindex = 0;
}
else if (command == 'last') {
imgindex = slideimages.length-1;
}
else {
imgindex++;
if (imgindex >= slideimages.length) imgindex = 0;
}
}
//-->
