Results 1 to 2 of 2

Thread: Thumbnail Viewer II - keep getting a Red X

  1. #1
    Join Date
    Mar 2005
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Thumbnail Viewer II - keep getting a Red X

    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="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>
    </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>

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    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.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •