For those of you who has been following my posts on Silverlight you'll know that as part of my journey to see how Silverlight ticks I tried to make a slideshow application. That essentially stopped the moment Silverlight 2 Beta 1 was released and I saw DeepZoom in action.
And after poking around with it for the past week, and reading up the stuff over at Wilfred Pinto's blog I have succeeded in creating a... hmmm.. DeepZoom Photo Album for lack of a better word.
Here check out a little sample here.
It probably needs some more work, performance wise one important tweak would be to NOT fill up the whole browser window with the DeepZoom image at the start, since the user's browser window might be oh.. 3046 pixels wide? :P But anyway.. Silverlight 2 itself is still in Beta so there's a chance there might be some more changes in the future so I'll just keep everything as it is first. Anyway if you find performance slow.. ZOOM OUT, or resize the browser window to a smaller size. The SIZE of the display area determines how LARGE an image will be used for display.
And more importantly for those of you who are interested in actually creating something like this.. I have something for you. The sample you see above? It was generated by a program...
Which you can get it off my SkyDrive here
A bit of warning though.. the program.. pretty rough at the edges (heck it doesn't even come with an install program!), it was made for my own consumption first, and also.. it relies on 2 other pieces of BETA software which is the Microsoft DeepZoom Image Composer and Silverlight 2.0 (Install the appropriate runtime for your platform), so be sure to install those 2 things first before you even try to run this program. The program was made with the .Net Framework 2.0, which if you don't have that installed when you try to install DeepZoom you'll be directed to the appropriate place to get it.
Oh, and you'll need an account over at Silverlight Streaming to host the album if you don't run your own server.
I'll make a more specific err... instructions post later but the generic flow of the program is.
- Press the ADD button to add pictures to the album
- For each picture you can type in a caption.
- Then press the PUBLISH (disk icon) to save the album
- If everything goes well you'll get an uploadme.zip file in your target folder. Upload that to the Silverlight Streaming service.
- Consume the application in your blog using the IFRAME tag.
Since most of the code was retrieved from the public domain I'll upload it to CodePlex once I figure out how it works.