Silverlight: MultScaleImage Catches All Events On Page

As the version 2.5, Deep Zoom Composer has a good option for beginner coders to play with it's output's source code, including the both XAML and C# ones. These days many people choose to start developing nice photo shows with it's original output.

However, if you decide to add extra functionality such as buttons etc., you may face that MultiScaleImage (the Deep Zoom area) catches every click on whole page, even it is located in a seperate canvas apart from other elements.

This problem is caused by the original output generator. By default, all mouse events are binded to page. Just go to your source code and modify this.MouseLeftButtonUp etc. events into msi.MouseLeftButtonUp. After this, MultiScaleImage will only catch its mouse events, not the unrelated ones.

A first Silverlight step / Deep Zoom Composer

Since Microsoft decided to release millions of products, it has been confusing to follow all new names belong to them, but Silverlight is not one of these small tries: They take every chance to make Silverlight popular and in my opinon, they are on the right way. Every developer and designer around are aware of Silverlight these days.

If you want to have a very first step to Silverlight on your website, may something like this seem nice on yours;

Hard Rock Cafe Memorabilia

So, if you want to make a image gallery very similar to this, Microsoft has a small and nice tool, Deep Zoom Composer. It produces pure Silverlight and HTML output and it's very easy to build up a custom gallery for your needs. Seems fantasticly cute.

If you don't like Flash and Actionscript, Silverlight & .NET has many opportunities and deserves at least a try.