armbrustconsulting.com

<!--
/*
your MAX variable can be any number...this code assumes you have 10 images.
You can either hard code this image or use a seperate script to count the number
of images you have in your pictures folder, and then set the MAX variable to that value
*/
var max = 10;

//the MIN value should always be 1
var min = 1;

/*
this next function is only needed if you're going to have thumbnails.
The function will open a new window that has the full-sized image of the
thumbnail that was clicked.
Later on this page, I will show you the HTML needed for this page, which I have
named BIGPICTURE.HTML
*/
function enlarge(obj){

var linkname = 'bigpicture.html?img=' + obj.src;
window.open(linkname,"bigpicture");

};

/*
Now here is the function that will move to the next, or previous, image
in your gallery. The function takes a variable, MOVER, which will be either
"1" (for next image) or "-1" (for previous image)
*/
function swapPic(mover){

/*the IMG tag that will hold your thumbnail should be named img1...
if you name it something else, change the following GETELEMENTBYID function*/
var obj = document.getElementById('img1');

var sourcer = obj.src;
var leng = sourcer.length;

//this next line assumes you are using thumbnails...if not
//change it to sourcer.indexOf('pic')
var indexer = sourcer.indexOf('thumb');

var number;
var number2;

//now grab the number of the thumbnail that you've currently got loaded
number=eval(sourcer.charAt(indexer + 6));

//next, have your second variable hold the number of the thumbnail you want to load
if(mover==1){
number2 = eval(sourcer.charAt(indexer + 6)) + 1;
}
else{
number2 = eval(sourcer.charAt(indexer + 6)) - 1;
}

/*this SWITCH statement checks to make sure you handle the "extreme" thumbnails
(your min and max thumbnails) properly*/
switch(number){

case -1:
                number = '01';
                number2 = '10';
                break;

case (max - 1):
                if(mover==1){
                number = '09';
                number2 = '10';
                }
                break;

case 0:
                if(mover==1 && (sourcer.charAt(indexer + 5) != 0)){
                number = '10';
                number2 = '01';
                }
                if(mover==-1 && (sourcer.charAt(indexer + 5) != 0)){
                number = '10';
                number2 = '09';
                }
                break;

case 1:
                if(mover==-1){
                number = '01';
                number2 = '10';
                }
                break;
};

//now get the path of your currently loaded image, and change the number of the thumbnail
var name = sourcer.replace(number,number2);

//then load the thumbnail
obj.src = name;

};
//-->