PDA

View Full Version : 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:DXImageTransform.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">&nbsp;</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">&nbsp;</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:


Images/Renee - 4910.JPG

and


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.

whatever
PLEASE: Include a link to the page you want help with.