Freigeben über

Silverlight Slide.Show

  • Artikel

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="https://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!

Comments

  • Anonymous
    December 18, 2007
    PingBack from http://msdnrss.thecoderblogs.com/2007/12/18/silverlight-slideshow/

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

  • Anonymous
    December 19, 2007
    Mike, these are magnificient shots. Congratulations.

  • Anonymous
    December 19, 2007
    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???

  • Anonymous
    December 19, 2007
    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.

  • Anonymous
    December 31, 2007
    The comment has been removed

  • Anonymous
    September 15, 2008
    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

  • Anonymous
    October 28, 2008
    The comment has been removed

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

  • Anonymous
    February 11, 2009
    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.

  • Anonymous
    April 20, 2009
    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

  • Anonymous
    April 30, 2009
    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?

  • Anonymous
    November 23, 2009
    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.