Fade Image Storyboard
<UserControl x:Class='SilverlightApplication3.MainPage' xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml' xmlns:d='http://schemas.microsoft.com/expression/blend/2008' xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' mc:Ignorable='d' d:DesignWidth='640' d:DesignHeight='480'> <Grid x:Name="LayoutRoot" Background="White"> <Grid.RowDefinitions> <RowDefinition /> <RowDefinition /> </Grid.RowDefinitions> <Grid.Resources> <Storyboard x:Name="FadeImageStoryboard"> <DoubleAnimation From="1.0" To="0.0" Duration="0:0:5" RepeatBehavior="Forever" AutoReverse="True" Storyboard.TargetName="MyImage" Storyboard.TargetProperty="Opacity" /> </Storyboard> </Grid.Resources> <Image x:Name="MyImage" Source="c:/image.jpg" Grid.Row="0"/> <Button x:Name="StartAnimation" Content="Start Animation" Click="StartAnimation_Click" Grid.Row="1" Width="100" Height="20" /> </Grid> </UserControl> //File: Page.xaml.cs using System; using System.Collections.Generic; using System.Linq; using System.Net; using System.Windows; using System.Windows.Controls; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Animation; using System.Windows.Shapes; namespace SilverlightApplication3 { public partial class MainPage : UserControl { public MainPage() { InitializeComponent(); } private void StartAnimation_Click(object sender, RoutedEventArgs e) { FadeImageStoryboard.Begin(); } } }