Omega Gallery v1.5

[Boag]

Not only does my Image Gallery code have a brand new name, but i've given a bit of a renovation, in this new half version!

This is a half update of the system, doesn't have all the features that version 2.0 will, but it is a massive improvement over the last version thanks to a few things:

- Coded More Efficiently
- You Can Set Image Names Which Change Dynamically Along With The Image
- Default "PB Style" Button In Menubar
- Subtle Copyright Message (See If Ya Can Find It XD)

Preview: boag.proboards54.com

Click "Gallery" in the menu bar.

Put Code In Global Footer
<script>

// Omega Gallery v1.5
// Copyright Boag 2005

document.getElementsByTagName('td')[5].innerHTML+='<a href="/index.cgi?area=gallery"><img border="0" src="http://img.photobucket.com/albums/v92/wired/gallery.gif" alt="[Omega Gallery]"/></a>';

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] = "IMAGE 1 URL";
images[1] = "IMAGE 2 URL";
images[2] = "IMAGE 3 URL";
images[3] = "IMAGE 4 URL";

var names = new Array(number)
names[0] = "IMAGE 1 NAME";
names[1] = "IMAGE 2 NAME";
names[2] = "IMAGE 3 NAME";
names[3] = "IMAGE 4 NAME";

// 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"><table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td align="left" class="titlebg"><b>Omega Gallery</td><td align="right"><input style="border: 0; text-align: right;" type="text" class="titlebg" size="50" name="img_name" value="[' + names[0] + ']"></b></td></tr></table></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="left" class="titlebg"><b>Select Image</b></td></tr><tr><td align="center" class="windowbg2">');

document.write('<a href="#" onClick=\'document.images.gallery.src="' + images[0] + '"; img_name.value="[' + names[0] + ']"; return false;\'>1</a>');
for(x=1;x<images.length;x++){
document.write(' · <a href="#" onClick=\'document.images.gallery.src="' + images[x] + '"; img_name.value="[' + names[x] + ']"; return false;\'>' + (x+1) + '</a>');
}

document.write('</td></tr></table><br/><br/><center><a href="#" onClick=\'img_name.value="[Copyright © Boag 2005]"; return false;\'>Click Here To View Copyright</a></center>');

}
</script>

Adding A New Image
- Increase var number by 1
- Add another row to the images array (increasing the number between [] by 1 each time)
- Add another row to the names array (increasing the number between [] by 1 each time)

Easy.

Comments, suggestions, ratings etc. please.

- Boag

[Llama!]

Verry nice Haven't seen this before