Silverlight Slide.Show

Silverlight Slide.Show

Rate This
  • Comments 13

Our friends at Vertigo have created a free application for Silverlight 1.0 called Slide.Show. If you have Silverlight installed, you should see a slide show of my photos within the body of this blog post. Most of them are from my collection of wallpaper images, and a few are from a cruise to Italy and Croatia this past summer.

To incorporate the photos in the body of this post, I followed the instructions in the Quick Start Guide and had my slide show up and running within about 10 minutes. I borrowed some of the style settings from the guide and from Vertigo's own sample, and I tweaked them from there. I know there are more settings available ("hundreds of color, font, size, position, and behavior options" according to their feature list), and I can't wait to read the forthcoming user guide for the details.

To embed the Slide.Show application in this blog post, I used the following IFRAME tag:

<iframe marginwidth="0" marginheight="0" src="http://www.mikeswanson.com/Slide.Show/default.htm" frameborder="0" width="480" scrolling="no" height="300">

If you hover near the bottom of the frame, you'll see some thumbnail images and other navigation options. I only configured a single album for this example, but you can configure many. And, since I don't typically name my photos, I didn't include the SlideDescription module. Slide.Show also includes a FlickrDataProvider. As the name implies, it uses the Flickr API to retrieve and display photos for a specified user. Some of the other features include multiple transition types (fades, wipes, slides, etc.), cross-browser support (IE 6 and 7, Firefox 2, Safari 2 and 3, both Windows and Mac), and a full-screen mode.

To get started with your own show, check out the Slide.Show project on CodePlex. And if you're interested in writing some code, I'd love a simple utility that allows me to easily generate the XML data file.

Great job, Vertigo!

Update: Ben Hoffman has blogged about a free tool he's created that will read metadata from your images, resize them, and easily edit the data that gets included in the slideshow. Awesome!

Leave a Comment
  • Please add 3 and 3 and type the answer here:
  • Post
  • PingBack from http://msdnrss.thecoderblogs.com/2007/12/18/silverlight-slideshow/

  • Mike, any reason why FireFox wouldn't show the slide show? (IE works fine)

  • Mike, these are magnificient shots.

    Congratulations.

  • Hi Mike, I read your blog for about 6 months mow I really love your practical innovative to-the-point approach that's why I consider you my favorite Microsoft's software evangelist. I haven't posted yet so far though now I just have to as I see you say you been to Croatia?!? I come from Croatia and tell me how you liked it???

  • Works perfect for me in Firefox... Also, got curious and tried your page in Safari 2 and 3 (Mac), and Firefox (Mac) and was pleasantly surprised to see that it also worked in all of these as well. Nice.

  • So it appears that, if you do not have Silverlight installed, there is no indication that anything is missing from the page. As in Flash, or Quicktime, a question mark would appear, or when <a href="Flip4Mac'>http://www.flip4mac.com/wmv_download.htm">Flip4Mac</a> activates, I see the custom background color I set up in it's prefs......but, on this blog, I don't see a thing that shows there is media missing.

  • hi,Mike.I developed silverlight slideshow for Photo Gallery.In that i created Data.xml for all  albums from database.But My problem is that the size of Data.xml is too Large and it takes too much time to load.So i think that it's possible to create individual data.xml for each Album.Basically i created individual folder and in that i created 2 folders named Large and Thumb

    in which i stored Large and thumbnail photos.Each Photo album have their own Folder based on their ID.

    thanks

  • This is looking like a possible solution for me - except that I've downloaded Silverlight on my Mac and using Firefox 3.0.3 all I get is the box (link) for silverlight download.  - Works fine on vertigo's site - but not in your blog.  

    I'm also a bit concerened that people will click away from my website if they're required to install new software just to view my images - I suspect that means I'll either do a standard (non-scaling) version and have a button that will take you to the scaling version but require silverlight - need to think about this more.

  • i try the slide.show quick start steps but thats not working only a blank page is displayed and no error

  • I have tried everything I can think of and I just don't see what I am doing wrong.  It is either server side or my XMLconfigurationprivider setup.  I also get the blank page after following the steps.  Any help would be great.

  • Hi Mike,

    Do you know of a users manual for slide.show?  I really love the control and I am trying to teach it to 16 yr old programmers.

    Thanks

  • Actually I have put the Slide.Show 2 to good use, and I have created an eventhandler for a document library in SharePoint that automatically populates a Data.xml file based on the image files present in the current directory. The only problem I am having with this nice silverlight app, is the ability to edit the waiting time between the slides. After looking through the code it appears that it uses the command <i>WaitTime = DefaultOptions.Transition.WaitTime;</i> to indicate the amount of waiting time between transitions. Allthough I was unable to find the DefaultOptions it appears from the source that you are able to configure this waiting time using the keyword "Transition" and option "WaitTime" though it is unclear exactly where and which values to use. Anyone have any experience with these settings?

  • I have tried everything I can think of and I just don't see what I am doing wrong. I GOT ONE black screen, WITH NO IMAGES.

    Can anybody tell me why?

    Thanks.

Page 1 of 1 (13 items)