Image Gallery v2 [PBv4]

[Boag]

I've been hangin' on some proboards recently, which inspired me to tidy up and remake my image gallery code for ProBoards Version 4 - so, that's done now, and i'm very pleased with how it runs.

Not only is it ultra fast compared to it's predecessor but it has been completely recoded so is much easier to edit and add extra images to.

Preview: boag.proboards54.com/index.cgi?area=gallery

Put This Code In Your Main Footer
<script>

// Image Gallery v2 [ProBoards v4 Compliant]
// Copyright Boag 2005

if(location.href.indexOf('area=gallery') != "-1"){
var table = document.getElementsByTagName("table");
for(i=4; i<table.length; i++){
table[i].style.display="none";
}

// Perform Edits Below This Line

var number = 4;
var border = 1;

var images = new Array(number)
images[0] = "http://img31.photobucket.com/albums/v92/wired/squall.jpg";
images[1] = "http://img31.photobucket.com/albums/v92/wired/seifer.jpg";
images[2] = "http://img31.photobucket.com/albums/v92/wired/rinoa.jpg";
images[3] = "http://img31.photobucket.com/albums/v92/wired/gunblade.jpg";

// Perform Edits Above This Line

document.write('<br/><table align="center" cellspacing="1" cellpadding="4" class="bordercolor" border="0" width="600"><tr><td align="center" class="titlebg"><b>Image Gallery</b></td></tr><tr><td align="center" class="windowbg2"><img src="' + images[0] + '" border="' + border + '" name="gallery"></td></tr></table><br/><br/><table align="center" cellspacing="1" cellpadding="4" class="bordercolor" border="0" width="600"><tr><td align="center" class="titlebg"><b>Select Image</b></td></tr><tr><td align="center" class="windowbg2">');

var x = 0;
var x2 = 1;
while(x < number){
if(x != 0){
document.write(' · ');
}
document.write('<a href="#" onClick=document.gallery.src="' + images[x] + '">' + x2 + '</a>');
x++;
x2++;
}

document.write('</td></tr></table><br/>');

}
</script>

To add another image:

- Increase var number = 4 by 1 for each new image added.

- Add another line like images[3] = "http://img31.photobucket.com/albums/v92/wired/gunblade.jpg"; but increase the number between "[" & "]" and put in your new image's URL.

To remove the border from round the images:

- Change var border = 1; to var border = 0;

After It's Installed:

- You will be able to see the system at yourboard.proboardsXX.com/index.cgi?area=gallery so put a link somewhere!

Anyway, I think i've covered everything, comments, suggestions, ratings, penguins please.

- Boag