I have a script from here that I use on my site. My friend wants me to put one on his as well, but he wants to have a border around the pictures that would look like picture frame. I can make the graphic myself. What I need to know is how to put it into the code. Please help. I swear I'll build a new church. Oh, wait that's what I say on Saturday morning. Sorry, flashback.
Here's the script I use. Thank You.
Code:
<script type="text/javascript">

/***********************************************
* Photo Album script-  Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
var dimension="2x1" //Specify dimension of gallery (number of images shown), such as 4x2, 3x1 etc

//Specify images:
//galleryarray[x]=["path_to_image", "optional_title_attribute", "optional_text_description", "optional_link"]
var galleryarray=new Array()
galleryarray[0]=["http://detoam.net/screenshots/1.jpg", "1", "1","http://detoam.net/screenshots/screen/1.zip"]
galleryarray[1]=["http://detoam.net/screenshots/2.jpg", "2", "2","http://detoam.net/screenshots/screen/2.zip"]
galleryarray[2]=["http://detoam.net/screenshots/3.jpg", "3", "3","http://detoam.net/screenshots/screen/3.zip"]
galleryarray[3]=["http://detoam.net/screenshots/4.jpg", "4", "4","http://detoam.net/screenshots/screen/4.zip"]
galleryarray[4]=["http://detoam.net/screenshots/5.jpg", "5", "5","http://detoam.net/screenshots/screen/5.zip"]
galleryarray[5]=["http://detoam.net/screenshots/6.jpg", "6", "6","http://detoam.net/screenshots/screen/6.zip"]
galleryarray[6]=["http://detoam.net/screenshots/7.jpg", "7", "7","http://detoam.net/screenshots/screen/7.zip"]
galleryarray[7]=["http://detoam.net/screenshots/8.jpg", "8", "8","http://detoam.net/screenshots/screen/8.zip"]
galleryarray[8]=["http://detoam.net/screenshots/9.jpg", "9", "9","http://detoam.net/screenshots/screen/9.zip"]
galleryarray[9]=["http://detoam.net/screenshots/10.jpg", "10", "10","http://detoam.net/screenshots/screen/10.zip"]
galleryarray[10]=["http://detoam.net/screenshots/11.jpg", "11", "11","http://detoam.net/screenshots/screen/11.zip"]
galleryarray[11]=["http://detoam.net/screenshots/12.jpg", "12", "12","http://detoam.net/screenshots/screen/12.zip"]
galleryarray[12]=["http://detoam.net/screenshots/13.jpg", "13", "13","http://detoam.net/screenshots/screen/13.zip"]
galleryarray[13]=["http://detoam.net/screenshots/14.jpg", "14", "14","http://detoam.net/screenshots/screen/14.zip"]
galleryarray[14]=["http://detoam.net/screenshots/15.jpg", "15", "15","http://detoam.net/screenshots/screen/15.zip"]
var href_target="_new" //Enter target attribute of links, if applicable

var totalslots=dimension.split("x")[0]*dimension.split("x")[1]

function buildimage(i){
var tempcontainer=galleryarray[i][3]!=""? '<a href="'+galleryarray[i][3]+'" target="'+href_target+'">' : ""
tempcontainer+='<img src="'+galleryarray[i][0]+'" border="1" title="'+galleryarray[i][1]+'">'
tempcontainer=galleryarray[i][3]!=""? tempcontainer+'</a>' : tempcontainer
tempcontainer=galleryarray[i][2]!=""? tempcontainer+'<br \/>'+galleryarray[i][2] : tempcontainer
return tempcontainer
}

function jumptopage(p){
var startpoint=(p-1)*totalslots
var y=1;
for (i=0; i<totalslots; i++){
document.getElementById("slide"+i).innerHTML=(typeof galleryarray[startpoint+i]!="undefined")? buildimage(startpoint+i) : ""
}
while(document.getElementById("navlink"+y)!=null){
document.getElementById("navlink"+y).className=""
y++
}
document.getElementById("navlink"+p).className="current"
}

var curimage=0
for (y=0; y<dimension.split("x")[1]; y++){
for (x=0; x<dimension.split("x")[0]; x++){
if (curimage<galleryarray.length)
document.write('<div id="slide'+curimage+'" class="slideshow">'+buildimage(curimage)+'</div>')
curimage++
}
document.write('<br style="clear: left" />')
}

        </script>