Expression Blend and Design

The team blog of the Expression Blend and Design products.

Deep Zoom Sample with MouseWheel / Pan / Click-Zoom

Deep Zoom Sample with MouseWheel / Pan / Click-Zoom

  • Comments 32

Hi everyone,
One of the most frequent requests you all have made has been for samples that showcase taking the output from a Deep Zoom Composer project and integrating it with the MultiScaleImage control to have a cool example. We provided an example of that in the previous post. That example only included mouse wheel support but nothing else. In this post we not only incorporate mousewheel support for zooming but we also incorporate using the mouse to pan and clicking/Shift+clicking to zoom in or zoom out thanks to the nice work by Scott Hanselman.

The following example includes everything you need plus a sample Deep Zoom image containing some Vista wallpapers I arranged and exported via the Deep Zoom Composer:


slproject Download Sample

The sample solution contains both a C# Silverlight project as well as a Web Site project:

projectInfo

In your Web Site project, inside your ClientBin folder, you will see a folder called vistaWallpapers. The vistaWallpapers folder contains the images, xml, and bin files Deep Zoom Composer (DZC) output.

To reuse this sample for your own projects, delete the vistaWallpapers folder and import your own folder containing the DZC output. Once you have done that, open Page.xaml in your Silverlight project and change the source of your MultiScaleImage control to point to your new folder and its info.bin file in your Web Site project:

path

Once you have replaced your images and changed the path to the images in Page.xaml, build your project and view your DeepZoomOutput.html page in your browser. Things should just work...if they don't, please feel free to comment below and I'll take a look!

Cheers!
Kirupa =)

Leave a Comment
  • Please add 6 and 4 and type the answer here:
  • Post
  • Hi everyone, One of the most frequent requests you all have made has been for samples that showcase taking

  • Hi everyone, One of the most frequent requests you all have made has been for samples that showcase taking

  • Hi everyone, One of the most frequent requests you all have made has been for samples that showcase taking

  • Thanks for the update! I've been working on some example code also:

    http://www.soulsolutions.com.au/Blog/tabid/73/EntryID/394/Default.aspx

    So the next sample we all want is the filtering and rearranging of the images themselves.

    I've been searching everywhere and can't find anything? any tips or samples on how to do things with the collection?

    John.

  • John - hopefully filtering / moving things with collections will be the next one :)

  • Hello everyone,

    This is the translated version of the C# Sample to VB with few additions.

    Check it out at:

    http://code.msdn.microsoft.com/VBDeepZoomSample

  • Thanks uba - that is really helpful!

  • Using MultiScaleImage control we get a vivid user friendly image manipulation experience in this quick

  • Adam Kinney posted an aggregation of links to great SL2 postings, Celso and Kirupa posted their WPF app

  • Hi guys.

    Great work and very easy to use. I'm wondering if there's any constrain or issue with using your example, or modified in my own projects.

    Cheers!

  • I downloaded the DeepZoomOutput and when I try to open it in VS 2008, I get the error: The project file "<path>\DeepZoomOuptut.csproj" cannot be opened. The project type is not supported by this installation.

    I was able to download and open the FurnitureShowroom project..

    Any advice is appreciated.

    Mark

  • Mark again... FYI:  I have Windows XP 2002 SP2, .Net Framework 3.5, Silverlight 2 beta, and VS 2008 Standard Edition

  • Do you have the Silverlight tools for VS2008? You can know if you have it when creating a new project. See if in the dialog box you have the Silverlight section.

  • I created my Star Wars Deep Zoom preview and really liked it, but then contacted the author of the site

  • Mark again... I tried installing Silverlight tools but still have the same issue. I suspect the versions of VS, Silverlight, Silverlight tools, and Silverlight SDK are out of sync. Can someone please tell me the versions and editions of each that I need to open up the DeepZoomOutput project?

    Thank you

Page 1 of 3 (32 items) 123