Thumbnail Viewer II - keep getting a Red X

**shamrock69** · 03-20-2005, 12:08 AM

I've used this cose numerous times on other sites, but I cannot get it to work correctly. When I install it and everything, it works great in Front Page and then when it is live on the site I get a Red X where the picture should be.

Here is the code for the page:

<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]=["Images/Renee - 4910.JPG", ""]
dynimages[1]=["Images/Renee - 4911.JPG", ""]
dynimages[2]=["Images/Renee - 4912.JPG", ""]
dynimages[3]=["Images/Renee - 4913.JPG", ""]
dynimages[4]=["Images/Renee - 4914.JPG", ""]
dynimages[5]=["Images/Renee - 4915.JPG", ""]
dynimages[6]=["Images/Renee - 4916.JPG", ""]
dynimages[7]=["Images/Renee - 4917.JPG", ""]
dynimages[8]=["Images/Renee - 4918.JPG", ""]
dynimages[9]=["Images/Renee - 4921.JPG", ""]
dynimages[10]=["Images/Renee - 4922.JPG", ""]
dynimages[11]=["Images/Renee - 4923.JPG", ""]
dynimages[12]=["Images/Renee - 4924.JPG", ""]
dynimages[13]=["Images/Renee - 4925.JPG", ""]
dynimages[14]=["Images/Renee - 4926.JPG", ""]
dynimages[15]=["Images/Renee - 4928.JPG", ""]
dynimages[16]=["Images/Renee - 4929.JPG", ""]
dynimages[17]=["Images/Renee - 4930.JPG", ""]
dynimages[18]=["Images/Renee - 4931.JPG", ""]
dynimages[19]=["Images/Renee - 4932.JPG", ""]
dynimages[20]=["Images/Renee - 4933.JPG", ""]
dynimages[21]=["Images/Renee - 4934.JPG", ""]
dynimages[22]=["Images/Renee - 4935.JPG", ""]
dynimages[23]=["Images/Renee - 4936.JPG", ""]
dynimages[24]=["Images/Renee - 4937.JPG", ""]
dynimages[25]=["Images/Renee - 4938.JPG", ""]
dynimages[26]=["Images/Renee - 4939.JPG", ""]
dynimages[27]=["Images/Renee - 4940.JPG", ""]
dynimages[28]=["Images/Renee - 4941.JPG", ""]
dynimages[29]=["Images/Renee - 4942.JPG", ""]
dynimages[30]=["Images/Renee - 4943.JPG", ""]
dynimages[31]=["Images/Renee - 4944.JPG", ""]
dynimages[32]=["Images/Renee - 4945.JPG", ""]
dynimages[33]=["Images/Renee - 4946.JPG", ""]
dynimages[34]=["Images/Renee - 4947.JPG", ""]
dynimages[35]=["Images/Renee - 4948.JPG", ""]
dynimages[36]=["Images/Renee - 4949.JPG", ""]
dynimages[37]=["Images/Renee - 4950.JPG", ""]
dynimages[38]=["Images/Renee - 4951.JPG", ""]
dynimages[39]=["Images/Renee - 4952.JPG", ""]
dynimages[40]=["Images/Renee - 4953.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=0

//Optionally, change 1.0 and 0.7 below to affect Wipe gradient size and duration in seconds in IE5.5+:
var filterstring="progid

XImageTransform.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>
</head>

<body>

<table border="0" width="982" height="554" cellspacing="0" cellpadding="0">
<tr>
<td width="96" rowspan="5" bgcolor="#DDBDD9" height="554"> </td>
<td width="305" bordercolor="#974F8A" bgcolor="#B979AF">
<p align="left"><b><font color="#FFFFFF" size="7" face="Goudy Old Style"><i>Renee of Joliet</i></font></b></td>
<td width="477" bordercolor="#974F8A" bgcolor="#B979AF">
<p align="right"><font color="#FFFFFF" size="7" face="Goudy Old Style"><b><i>The Girl Next Door</i></b></font></td>
<td width="96" rowspan="5" bgcolor="#DDBDD9" height="554"> </td>
</tr>
<tr>
<td width="782" colspan="2">
<p align="center"><b><i>
<font face="Goudy Old Style" size="5" color="#800080">Purple Lace Cammy</font></i></b><br>
<a href="Images/Renee - 4910.JPG" onClick="return modifyimage('dynloadarea2', 0)"><img src="thumbnails/Renee - 4910_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 1)"><img src="thumbnails/Renee - 4911_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 2)"><img src="thumbnails/Renee - 4912_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 3)"><img src="thumbnails/Renee - 4913_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 4)"><img src="thumbnails/Renee - 4914_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 5)"><img src="thumbnails/Renee - 4915_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 6)"><img src="thumbnails/Renee - 4916_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 7)"><img src="thumbnails/Renee - 4917_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 8)"><img src="thumbnails/Renee - 4918_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 9)"><img src="thumbnails/Renee - 4921_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 10)"><img src="thumbnails/Renee - 4922_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 11)"><img src="thumbnails/Renee - 4923_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 12)"><img src="thumbnails/Renee - 4924_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 13)"><img src="thumbnails/Renee - 4925_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 14)"><img src="thumbnails/Renee - 4926_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 15)"><img src="thumbnails/Renee - 4928_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 16)"><img src="thumbnails/Renee - 4929_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 17)"><img src="thumbnails/Renee - 4930_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 18)"><img src="thumbnails/Renee - 4931_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 19)"><img src="thumbnails/Renee - 4932_small.JPG")></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 20)"><img src="thumbnails/Renee - 4933_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 21)"><img src="thumbnails/Renee - 4934_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 22)"><img src="thumbnails/Renee - 4935_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 23)"><img src="thumbnails/Renee - 4936_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 24)"><img src="thumbnails/Renee - 4937_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 25)"><img src="thumbnails/Renee - 4938_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 26)"><img src="thumbnails/Renee - 4939_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 27)"><img src="thumbnails/Renee - 4940_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 28)"><img src="thumbnails/Renee - 4941_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 29)"><img src="thumbnails/Renee - 4942_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 30)"><img src="thumbnails/Renee - 4943_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 31)"><img src="thumbnails/Renee - 4944_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 32)"><img src="thumbnails/Renee - 4945_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 33)"><img src="thumbnails/Renee - 4946_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 34)"><img src="thumbnails/Renee - 4947_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 35)"><img src="thumbnails/Renee - 4948_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 36)"><img src="thumbnails/Renee - 4949_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 37)"><img src="thumbnails/Renee - 4950_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 38)"><img src="thumbnails/Renee - 4951_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 39)"><img src="thumbnails/Renee - 4952_small.JPG"></a>
<a href="#" onClick="return modifyimage('dynloadarea2', 40)"><img src="thumbnails/Renee - 4953_small.JPG"></a></p></td>
</tr>

<td width="477" colspan="3">
<div id="dynloadarea2" align="center"></div>
</td>

**jscheuer1** · 03-20-2005, 05:39 AM

I've had some bad experiences with front page uploads stripping out portions of style and JavaScript on some servers. Check the source of the live page to see if it is the same as the source on your local HD. Also the following (and others like them) in your code look suspect:

Code:

Images/Renee - 4910.JPG

and

Code:

thumbnails/Renee - 4911_small.JPG

capitalization and spaces do not work on many if not most servers, dashes sometimes are trouble too, though less so and probably not in this case but, you never know.

Warning: Please include a link to the DD script in question in your post. See this thread for the proper posting format for asking a question.
PLEASE: Include a link to the page you want help with.

Thread: Thumbnail Viewer II - keep getting a Red X

Thread Tools

Search Thread

Thumbnail Viewer II - keep getting a Red X

Bookmarks

Bookmarks

Posting Permissions