Deep Zoom image does not appear

Question

I created a single image project in Deep Zoom Composer. It works fine locally on my hard drive but when I upload it to my web server all that shows up is the black screen or viewport but no image. I am using the most recent ver. Deep Zoom and Expression Web 3. I have tried uploading to 3 different web servers but it does not work on any of them. When I inserted the Deep Zoom content into my web page using Expression Web 3, it created two folders "javascript" and "deepzooms". I uploaded both these folders along with my html page. Here is the page: http://isaaccamachoamericanhero.com/escape.html  Have attempted numerous times but no luck. 
I am a beginner with this. Any help would be greatly appreciated!

Answer 1

Here is the code generated on my page.  As suggested under the "Missing Images?" link on the right, I changed the last <param name> line to:

<param name="initparams" value="path=GeneratedImages/dzc_output.xml,zoomIn=5"/>

But the image still does not show up on the server. Apparently this fixed the problem for another user but it did not work for me. The viewport and image still show up fine when previewing on my hard drive but only the viewport appears when uploaded to my web server. No image.

<div id="deepzoomcontainer">
 <object data="data:application/x-silverlight-2," type="application/x-silverlight-2" style="width:640px; height:480px; text-align: center; margin-right: auto; margin-left: auto;">
  <param name="source" value="deepzooms/dzc_output/deepzoomproject.xap"/>
  <param name="onerror" value="onSilverlightError"/>
  <param name="background" value="white" />
  <param name="minRuntimeVersion" value="2.0.31005.0" />
  <param name="autoUpgrade" value="true" />
  <param name="initparams" value="path=GeneratedImages/dzc_output.xml,zoomIn=5"/>
<a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-decoration: none;">
   <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none;"/>
  </a>
 </object>
 <iframe id="I1" style='visibility:hidden;height:0;width:0;border:0px;' name="I1">
 </iframe></div>

Answer 2

Still new at this myself but I did find an answer to this one ... you need to change the folder name on the server to GeneratedImages

Answer 3

Thanks Jedddd! That fixed it. The folder name on the server was all lowercase. Changing it from "generatedimages" to "GeneratedImages" did the trick. Thanks again!

Answer 4

Indeed! After banging my head against the computer for many hours this simple fix resolved the problem.

Answer 5

Glad the fix worked for you as well.  As a side note, I just found that if you insert a Silverlight video into a web page you might have the same problem.  If your Sliverlight video works ok on your hard drive but does not appear after uploading to your server, open the "silverlightvideos" folder on your server and locate the xap file (in my case it was "chrometemplate.xap"). If it's all lowercase then rename it "ChromeTemplate.xap".