Photo Fader - Silverlight demo with code

I created this demo for my "There's more than a Media Element in Silverlight 1.0" presentation that I gave at REMIX Boston.

The demo shows off three different concepts:

  • Retrieving dynamic content from packages
  • Using SetFontSource for custom fonts
  • Sound playback is simple

Instructions:
To fade the photos between each other providing a faux 3D effect move your cursor along the lower dark gray rectangle.

The upper right squares are clickable and show code (lower light gray squares) and modify the demo (upper row dark gray squares that turn orange).

  • Mod 1 - Change the x position text block in the upper right to use a custom font.
  • Mod 2 - Randomize the x position when scrolling on the lower dark gray rectangle, just for fun.
  • Mod 3 - After seeing the photo flip around randomly, I was reminded of a music video and attempted to add sound playback while scrolling the lower dark gray rectangle.  A better job synching the sound and the movement could certainly be done but the concept is there.

Launch Demo
Download Source

posted on Oct 11th, 2007 | Permalink | Comments (2)

2 Comments »

  1. Wow, that's really cool. Great concepts, and the photos are really cool, too. Have you tried layering audio with multiple media elements?

    Comment by Jon Galloway - October 11, 2007 @ 5:32 PM
  2. Thanks Jon! Yes I think multiple media elements would do it. Then I could have some real fading and sequencing. I'll probably try something like this in the near future.

    Comment by Adam Kinney - October 12, 2007 @ 9:51 AM

Leave a comment