Simple Silverlight Image Gallery

8/30/2007
    So, here is a simple example of how to do a data driven image gallery using silverlight. The overview is that an image will be stretched across a Rectangle to display our images. Our image gallery control will call back to a webservice hosted by our webserver to get URLs to subsequent images in the gallery. This is a pretty basic example and could easily be extended to have more interesting logic for getting images (flickr maybe or an image in a sharepoint image gallery for example) since we're simply using the raw URL to the image to display it.
 
    To get all of this working you will need to be sure you have the asp.net futures stuff installed and you create an asp ajax futures project for your website. Then you create your silverlight project and create a "link" back to the silverlight project. For those of you not in the know this is a new thing Microsoft cooked up special for Silverlight. It's similar to a reference but it pulls in the assemblies to the ClientBin rather than the Bin as well as pulling in the Page.xaml necessary to get it going with IIS. You'll need to either use javascript or an tag to get it working.
 
    On the client side we have an HtmlTimer class to tell us when it is time to get a new picture. During initialization we will get a list of all of the images (you could just as easily query the service for only the next image) using the standard web service proxy class created by adding a webreference in our silverlight probject. On the Tick handler we will use the URL to the image to fill the rectangle.

Comments

Greg P - 10/9/2007
any chance that you've had time to make one of these that pulls images from SharePoint (either doc library, or picture library)?
Justin - 10/10/2007
I haven't actually done it before but I don't think it would be very hard, especially if you're working with the newer version of Sharepoint since it's all web services. If you look at ImageLibrary.asmx.cs in the www folder of the example there you could simply replace that code with a call to a sharepoint webservice which would retrieve links the images and that is all you need! If I had sharepoint setup here on my server I'd probably help you try to figure it out.

Add A Comment

Your Name:
Your Email:
Text:
Submit

About Me

Me

My name is Justin Chase and I am a software professional in Minneapolis, Minnesota. I work for a software consulting company called Magenic Technologies and I am the lead developer on an open source project called NBusiness.
More ...

Topics