none
Deep zoom in ASP.net

    Question

  • Hi,

    I am new to Deep Zoom. I create my composition and exported  it but not as a silver light project. I edited the xml file so the image path are mapped to directory in my project. When I run the project, I can see the images, but when I deploy it, images don't show up.

     Could someone tell me what I do wrong here?

     Thanks for your help.

    K

    Friday, November 27, 2009 8:18 PM

All replies

  • You'll need to deploy the deep zoom image as well, and also adjust the URI used in the MultiScaleImage's source to point to the deployed deep zoom image.

     

    Saturday, November 28, 2009 2:51 PM
  • Hi Mark,

    Thanks for your prompt reply.

    I deployed the deep zoom images to the server. The deep zoom page opens up but no images shows on the page.

    I made the following changes to Scene.xml file:

    <m:AdItem Title="ehsan-saboohi_20090807121644" FilePath="~/gw3/SourceImages/ehsan-saboohi_20090807121644.jpg" ZOrder="3" X="0.5052957857816186" Y="0.64726631393298062" Width="0.18473586184112503" Height="0.234970628671416" p:Ref.Key="ehsan-saboohi_20090807121644.jpg" /><m:AdItem Title="21" FilePath="~/gw3/SourceImages/21.jpg" ZOrder="4" X="0.3818065843352601" Y="0" Width="0.1234892014463585" Height="0.35273368606701938" p:Ref.Key="21.jpg" />

    and also made changes to SparseImageSceneGraph.xml file:

    <SceneNode>

    <FileName>~/gw3/SourceImages/ehsan-saboohi_20090807121644.jpg</FileName>

    <x>0.505295785781619</x>

    <y>0.647266313932981</y>

    <Width>0.184735861841125</Width>

    <Height>0.234970628671416</Height>

    <ZOrder>3</ZOrder>

    </SceneNode>

    <SceneNode>

    <FileName>~/gw3/SourceImages/21.jpg</FileName>

    <x>0.38180658433526</x>

    <y>0</y>

    <Width>0.123489201446358</Width>

    <Height>0.352733686067019</Height>

    <ZOrder>4</ZOrder>

    </SceneNode>

    As you know, the above files created by Deep Zoom. If I run it on my local develper machine, everything works but not on the server.

    Thanks for your help.

    Kamal

    Sunday, November 29, 2009 12:20 PM
  • I made the following changes to Scene.xml file
     


    I've never had to change the Deep Zoom Composer created files.  I was referring to the URI in the application that views the deep zoom image - the URI that points to the image.

    Mark

     

    Sunday, November 29, 2009 12:38 PM
  • I had to change the Deep Zoom Composer created files because it was mapped to my local drive. I have the following object on my page: Get Microsoft Silverlight Do you mean the path of value="adFile=GeneratedImages" /> needs to change? Could you tell me what files I should deploy to the web server please? Many thanks Kamal
    Sunday, November 29, 2009 2:17 PM
  • I was referring to the Silverlight application code - there's a URI in there somewhere that points to the Deep Zoom image.  If you changed the location of the deep zoom image (relative to the host site) when you published it, then you'll need to change that URI in the code.


    Also, I have no idea what your original Deep Zoom XML files looked like, but those ASP.NET-style relative paths may not work as well.


    Sunday, November 29, 2009 3:53 PM
  • Hi Mark,

    I export my Deep Zoom as a silver light project again. I added the project to my ASP.net solution. The following object is in my Default.html page:

    <object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">

    <param name="source" value="ClientBin/DeepZoomProject.xap"/>

    <param name="onerror" value="onSilverlightError" />

    <param name="background" value="Black" />

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

    <param name="minRuntimeVersion" value="3.0.40624.0" />

    <param name="autoUpgrade" value="true" />

    <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40624.0" style="text-decoration:none">

    <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style:none"/>

    </a>

    </object>

    The GeneratedImages folder is inside ClientBin folder. In my developer machin images shows on the screen. but once I publish it on the server, images won't show.

    I didn't make any changes to the XML file that created by Deep Zoom project.

    Any idea?

    Thanks,

    Kamal

    Wednesday, December 02, 2009 7:09 PM
  • The GeneratedImages folder is inside ClientBin folder. In my developer machin images shows on the screen. but once I publish it on the server, images won't show.
     


    Hi Kamal,

    Somewhere in the Silverlight XAML should be a MultiScaleImage control....what is its Source property set to?

     

    Mark

     

    Wednesday, December 02, 2009 11:55 PM
  • Hi,

    The MultiScaleImage source wasn't set in DeepzoomProject. I set it as

    <MultiScaleImage x:Name="msi" Source="ClientBin/DeepZoomProject.xap"/>

    I have 2 project in my solution, one is DeepZoomProject which contains Xaml files and the other is my ASP.net project that has ClientBin folder with other folders and files that created in Deep Zoom Composer.

    When I set the source, I don't see the images in the web server.

    Thanks for your help.

    Kamal

    Thursday, December 03, 2009 4:28 PM
  • You should be able to directly upload the deep zoom output (html, xap, generated images folders) as long as it works locally.  If the images aren't showing then it could be that the MultiScaleImage is not pointing to the correct file or that the images are not uploaded.  No files should need to be updated unless you are dynamically setting the MSI.  If you are updating the MSI's source, then you need to set it to xml file ("GeneratedImages/dzc_output.xml").

    Thursday, December 03, 2009 4:37 PM
  • When I set the source, I don't see the images in the web server.
     


    I agree with FuryDiamond...

    The projects produced by Deep Zoom Composer use relative paths everywhere, so if you publish (i.e. copy) the entire site contents to the server properly, you should see the image.

     

    Thursday, December 03, 2009 4:43 PM
  • I tried it in different ways. I export my images as Deep Zoom navigator. Files created didn't have any MultiScaleImage. Then I export it as Silverlight project. I import this project to my existing ASP.net project. I placed the images and xml files in ClientBin folder and html file is in the root. When I run it locally, its fine. but on the server don't show any images. I tried the above solution but no luck.

    Do I need to copy the source images folder too?

    Could you tell me what folders and files I should copy over to the server? and where they should be located.

    Thanks,

    Kamal

    Thursday, December 03, 2009 4:55 PM
  • You only need to upload the html, xap, and GeneratedImages folder.  Make sure that the files are relative as they are locally.

    Thursday, December 03, 2009 4:56 PM
  • Hi FuryDiamond,

    I did as you instructed in your reply. I copied all the files and folders to my web server. What I get is a black page, however, I can see the blue box around images (which don't show) . you can view it here http://www.greenwavevoice.com/Users/deskhome.aspx?cat=1&lid=2057

    the link may take you to the home page. click on 'English' button which directs you to the home page which should show the images. 

    It's not working :-(

    Thanks,

    Kamal

     

    Thursday, December 03, 2009 5:49 PM
  • The application works for me. I am able to see images.  It takes a couple seconds for them to load.  You may be viewing a cached version.

    Thursday, December 03, 2009 6:00 PM
  • Really? wow, how can I get rid of my cached version? I tried it from another PC, and couldn't see the images.

    Thursday, December 03, 2009 6:07 PM
  • It may be possible that your browser is rendering the cache version.  In IE8: Tools -> Developer Tools -> Cache -> Always Refresh from Server.

    Thursday, December 03, 2009 6:10 PM
  • No luck for me... I will try it tomorrow from another PC in my office... It's very strange that I am not able to see them. I cleared my Cache and also set it for Always Refresh from Server. :-(

    Thanks for your help here, most appreciated.

    Thursday, December 03, 2009 6:22 PM
  • Hi,

    I just don't know what else to do except banging my head to my desk. I tried it in my office and images don't show! CryingCryingCryingCryingCryingCryingCrying

    Friday, December 04, 2009 5:23 AM
  • Hi, It didn't work. I asked someone else from another country to look at it and they couldn't see the images. What else could cause this? Confused

    Friday, December 04, 2009 9:13 AM
  • I tested it again and it works.  I visited both the English and non-English sites.  Both are showing the Deep Zoom page with working images.  Make sure that there isn't a Javascript error in your browser?  Are you using IE8 or a different browser/version?

    Friday, December 04, 2009 11:17 AM
  • Hi. How can I make sure there isn't a Javascript error? I can't see any error on the page? I am using IE8 and also tried it on Firefox. I get an error message when I ran it in IE7 at my office. 

    Friday, December 04, 2009 4:35 PM
  • What error do you get in IE7?

    Friday, December 04, 2009 4:37 PM
  • I can't remember it. I think it was something related to InsertHTML... something like that. But I don't get this error in IE8 or Firefox. Is it something wrong with my code or the browser setting?

    Friday, December 04, 2009 4:46 PM
  • That is an odd error. I am able to view it with Silverlight 4 Beta plug-in and IE8.  One suggestion is to backup the version that you have online and try to reupload it again from your local machine to ensure that it is the latest version.  Also, when the application loads in the browser, do you get the traditional Silverlight loading screen?  If you get this, then you are getting the latest version that is hosted rather than a cached version.

    Friday, December 04, 2009 4:55 PM
  • I have silverlight 3 hosted on web server and my local machine. I do get the traditional Silverlight loading screen. I also got the icon for downloading the silverlight on one of the PC that I tested it this morning in my office. Should I try it with Silverlight 4 Beta version?

    Friday, December 04, 2009 5:19 PM
  • Silverlight 4 Beta isn't a live version.  I tested your application in IE8 Compat mode and it works as well.

    Friday, December 04, 2009 5:20 PM
  • I do appreciate your help here. I've just don't know what else I can do to fix it. I am very sorry to ask you silly questions. Should I expect to get a latest version or a cached version? Are you saying that there is a compatibility issues?

    Friday, December 04, 2009 5:33 PM
  • No need to apologize. :)

    I would have others try out the site to see if they are able to reproduce the issue.  You should expect to get the latest version from the host.

    Is it possible that maybe you are behind a firewall that is protected you from viewing content from that url?  Can you try to upload the project to another server to test it out?

    Friday, December 04, 2009 5:38 PM
  • Thanks. I shut down my firewall and test it again, no images. I am not sure if I can upload it to another server. I was thinking to set it locally but I know locally it works.

    Friday, December 04, 2009 6:02 PM
  • I found the error that I get on the page: (this is on the home page www.greenwavevoice.com)


    Message: 'insertAdjacentHTML' is null or not an object
    Line: 32
    Char: 556
    Code: 0
    URI: http://www.greenwavevoice.com/WebResource.axd?d=5LlAmCgmAt6bnaH5WaD5pTYSPAnmWwNTdah8jJEvvaW9mbXF9fvrT1gVDqQitRV65jfjZuJ3mWCKdE6w3nI9Wp6xn43y7Tb-C1hkgkhaqVE1&t=633876234748108750

     

    Friday, December 04, 2009 6:58 PM
  • I'm looking for an easy way to add my generated stuff from Deep zoom composer to be incorporated into my current silverlight app.
    I see a .xapm I see a test.html but I just want to add it in my current page How does it work ?

    When I add a MultiScale image to my page and set the source,  I see the image and if I use what they say about zooming, the only event they give on the net is MouseEnter and MouseLeave which isn't the same as the cool pan and zoom offered in when you run Test.html which was generated by the Deep Zoom composer.

     So what are the real event and the code needed to intereact correctly with the MultiScaleImage ?

    I just want my image there and being able to zoom with the mouse wheel and pan by dragging.  Why there's no code example for that ?

     

    Friday, March 12, 2010 8:38 PM
  • Done,  With a bit of searching, I've been able to find the code that make the interraction possible and using the MultiScaleImage control everything works fine.

     

    Sunday, March 14, 2010 1:37 PM
  • There is an online option for creating automated deep zoom/openzoom images and embedding them in your web page. Check out at http://www.imagesurf.net

     

    Tuesday, December 06, 2011 12:10 AM