DavidOverton.com
This site is my way to share my views and general business and IT information with you about Microsoft, IT solutions for ISVs, technologists and businesses, large and small.  
If you liked the Deep Zoom (aka Sea Dragon) tool, then you will be blown away by the preview of the Deep Zoom Composer

I created my Star Wars Deep Zoom preview and really liked it, but then contacted the author of the site to see how I could add more pictures and control the layout &/or host it myself.  Normally when I ask these sorts of questions I get a response about "later" and "out of beta", but instead I got pointed to these 3 articles and I have to say Wow!! You can see what someone can do with this technology at The Hard Rock Cafe - http://memorabilia.hardrock.com/

Download the Preview of the Deep Zoom Composer

dzcSplash

What is the Deep Zoom Composer?
Deep Zoom Composer allows you to quickly import your own images, arrange and position them to your liking, and export the final output as either a Deep Zoom Image or Collection that can be fed into Silverlight's MutliScaleImage control. This means that you too can use your own images and display them using our Deep Zoom technology.

dzciconDownload the Deep Zoom Composer

 

However, having done this I needed a simple user guide.  At this point the blog Expression Blend and Design : Deep Zoom Composer User Guide came to my aid where there is indeed the user guide to download.  The tool is simple, but the guide helps you understand what you are doing.

 

Finally, I had arranged my pictures, however the output did not have zoom and pan capability.  Then I found the article Expression Blend and Design : Deep Zoom Sample with MouseWheel / Pan / Click-Zoom which basically enabled me to finish the job off.  All quite simple and the output looks fantastic.

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.

I'm glad that there are some clever people around who make all this seem so very, very simple!!

 

ttfn

David


Posted Thu, Mar 13 2008 9:55 PM by David Overton

Add a Comment

(required)
(optional)
(required)
Remember Me?

(c)David Overton 2006-23