Deep Zoom

Para este tutorial você vai precisar ter instalado na sua máquina o Tool Silverlight, Visual Studio 2008 e o DeepZoom Composer e algumas imagens, de preferencia de alta resolução. Você pode fazer o download dessas ferramentas no http://silverlight.net/GetStarted/ .

Abra o DeepZoom, escolha a opção New Project, forneça um nome e a localização, conforme mostrado na Figura 01.

Figura 01 - Fornecendo nome e definindo a localização

Com o DeepZoom carregado, pressione a opção em Add Image, conforme mostrado na Figura 02, e adicione quantas  imagens desejar, de preferencia em alta resolução, quanto maior, melhor.  Eu adicionei duas imagens.

Figura 02 - Adicionando Imagens

A sua aplicação deverá estar similar como mostrada na Figura 03.

Figura 03 - Estrutura da composição

Desta forma, veja como é fácil criar a composição, basta pressionar o botão compose. Lembrando que estamos trabalhando com composição estática. Observe na Figura 04, que  existe a definição de camadas da composição, o painel de visualizaçãogeral e a área de escolha de imagens.

Figura 04 - Painel, Composição e área

Na Figura 05 você pode observar que foi adicionada duas imagens no "palco", você pode dimensionar as imagens no tamanho desejado, bem como, posicionar da forma que desejar.

Figura 05 - Arrastando Imagens para o palco

Depois pressione Export que está na parte superior, e pressione Custom que está ao lado direito, e configure os parâmetros conforme mostrado na Figura 06.

Figura 06 - Configuração de saída

Pressione Export e escolha a opção Preview in Browser. E o Resultado é simplesmente assim: Talvez demore um pouco para carregar....