image border color

[jjorda]

Newbie here,

I'm using this Javascript which includes a border width. The border color shows up black and I can't figure out how to make the border color white.

Can anyone help? Thanks!

<script type="text/javascript">
/***********************************************
* Image Thumbnail Viewer II 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
***********************************************/


//Specify image paths and optional link (set link to "" for no link):
var dynimages=new Array()
dynimages[0]=["Enlarge/001_1_1.jpg",""]
dynimages[1]=["Enlarge/019_19.jpg", ""]
dynimages[2]=["Enlarge/020_20.jpg", ""]
dynimages[3]=["Enlarge/021_21.jpg", ""]
dynimages[4]=["Enlarge/022_22.jpg", ""]
dynimages[5]=["Enlarge/024_24.jpg", ""]

//Preload images ("yes" or "no"):
var preloadimg="yes"

//Set optional link target to be added to all images with a link:
var optlinktarget=""

//Set image border width
var imgborderwidth=1

//Optionally, change 1.0 and 0.7 below to affect Wipe gradient size and duration in seconds in IE5.5+:
var filterstring="progidXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)"

///////No need to edit beyond here/////

if (preloadimg=="yes"){
for (x=0; x<dynimages.length; x++){
var myimage=new Image()
myimage.src=dynimages[x][0]
}
}

function returnimgcode(theimg){
var imghtml=""
if (theimg[1]!="")
imghtml='<a href="'+theimg[1]+'" target="'+optlinktarget+'">'
imghtml+='<img src="'+theimg[0]+'" border="'+imgborderwidth+'">'
if (theimg[1]!="")
imghtml+='</a>'
return imghtml
}

function modifyimage(loadarea, imgindex){
if (document.getElementById){
var imgobj=document.getElementById(loadarea)
if (imgobj.filters && window.createPopup){
imgobj.style.filter=filterstring
imgobj.filters[0].Apply()
}
imgobj.innerHTML=returnimgcode(dynimages[imgindex])
if (imgobj.filters && window.createPopup)
imgobj.filters[0].Play()
return false
}
}

</script>

[jscheuer1]

You could use the selector for the loadarea to do this in style or edit the script.

Using style on a loadarea with the id="dynloadarea":

<style type="text/css">
#dynloadarea img {
border:1px solid white;
}
</style>

Editing the script:

function returnimgcode(theimg){
var imghtml=""
if (theimg[1]!="")
imghtml='<a href="'+theimg[1]+'" target="'+optlinktarget+'">'
imghtml+='<img style="border-color:white;" src="'+theimg[0]+'" border="'+imgborderwidth+'">'
if (theimg[1]!="")
imghtml+='</a>'
return imghtml
}