Search

Update: The demo, the source code and the code in the article are compatible with Silverlight 2 RTW. The only changes I made were to the object element in the host page.

Introduction

With this article I continue the series for the MultiscaleImage. Yesterday I wrote about the MultiscaleImage control and the SubImages collection. Today I am going to explain how to randomize the SubImage collection by changing the order of the images in it and how to apply this change on the screen using animations. I will use the tarantula again, assuming that you have already get used to it. Don’t forget to check out the live demo and download the source code if you want to take a look at the whole application.

Live demo | Source code

Update: The demo, the source code and the code in the article are compatible with Silverlight 2 RTW. The only changes I made were to the object element in the host page.

Introduction

The MultiscaleImage is a really great control that allows us to do amazing things in Silverlight 2. That is why I decided to write a series of articles about the nice things that can be done using it. This is the first one and it is focused on the SubImages collection. It explains how to select an image from the collection and then fit it to the size of the control. If you're new to this control read my previous article about it - Using the MultiscaleImage control. Before going ahead you should also be familiar with the DeepZoom Composer and its latest changes. Note that in this article I've replaced the "Double-Click" zoom with “One-Click” zoom.

Live demo | Source code

You are not familiar with the MultiscaleImage control, are you? Read this article.

When using MultiscaleImage control with its zoom functionality, it's really useful to set a maximum and a minimum level for the zoom. The reason is that sometimes there is no reason to zoom - the image either becomes too small and is almost not visible at all or it gets so big that you can't see any details. Adding such levels will allow you to make the behavior of your control more reasonable.

Note: This article is submitted by Donavon West for Silverlight Contest: Write and Win.Thanks a lot, Donavon! Hello All, Please drop a comment if you like it.

In this article, I will explain how I built the Deep Zoom Obama project. It was developed in Silverlight 2 Beta2, uses Deep Zoom and is hosted on Silverlight Streaming (Microsoft’s free 10GB hosting service). It uses, of course, Deep Zoom to display a very large mosaic image of Barack Obama constructed from over 12,000 individual images of his supporters.

So how was it done? Read on young Skywalker.

Update: The source codes and the information in this article are compatible with Silverlight 2 RTW.

Introduction

The last article I wrote was about the DeepZoom Composer. It explained how to manage images with it. This time I’ll try to show how to use the created images with the Silverlight MulitscaleImage control.

You can download the source code or view the live demo here:

MultiscaleImageDemoSource.zip

Live Demo

Overview

Let’s add our MultiscaleImage control to the xaml and set its source: