ストーリーボード中に画像のソースを変更する

Question

StoryBoardを使用してフェードインおよびフェードアウトする、私のホームページ（約30枚）に複数の画像を作成しようとしています。現時点では、アニメーションが1つの画像に完全に対応していますが、このように見えます。

private void OnDashboardPageLoaded(object sender, RoutedEventArgs e) 
{ 
    Storyboard storyboard = new Storyboard(); 
    TimeSpan duration = new TimeSpan(0, 0, 10); 

    // Create a DoubleAnimation to fade the not selected option control 
    DoubleAnimation animation = new DoubleAnimation(); 

    animation.From = 0.0; 
    animation.To = 1.0; 
    animation.Duration = new Duration(duration); 

    // Configure the animation to target de property Opacity 
    Storyboard.SetTargetName(animation, testImage.Name); 
    Storyboard.SetTargetProperty(animation, new PropertyPath(OpacityProperty)); 

    // Add the animation to the storyboard 
    storyboard.Children.Add(animation); 

    storyboard.RepeatBehavior = RepeatBehavior.Forever; 
    animation.AutoReverse = true; 

    // Begin the storyboard 
    storyboard.Begin(this); 
} 

そして、私のXAML;

<Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition /> 
     <RowDefinition /> 
    </Grid.RowDefinitions> 
    <Image Source="http://www.online-image-editor.com/styles/2013/images/example_image.png" x:Name="testImage" Stretch="Uniform" /> 
</Grid> 

あなたは私がここで設定した静的ソースを持っていますが、最終的には私がやりたいことは、ディレクトリ内のすべての画像をロードし、新しいように、各アニメーションの最後にソースを変更することで見ることができるようにイメージは毎回表示されます（30個すべてが表示されるまで）、どうすればいいですか？

編集：ストーリーボードの完成時。

storyboard.Completed += new EventHandler(Story_Completed); // In OnDashboardPageLoaded method 

private void Story_Completed(object sender, EventArgs e) 
{ 
    storyboard.Begin(this); 
} 

Answer 1

次のような方法では、ImageコントロールをフェードアウトそのSourceプロパティを変更し、再びそれをフェードイン。別のImageSource引数を付けて循環的に呼び出すことができます（DispatcherTimerで制御）。

public static void ShowNextImage(Image image, ImageSource source, TimeSpan fadeTime) 
{ 
    if (image.Source == null) // no fade out 
    { 
     image.Source = source; 
     image.BeginAnimation(UIElement.OpacityProperty, 
      new DoubleAnimation(0d, 1d, fadeTime)); 
    } 
    else 
    { 
     var fadeOut = new DoubleAnimation(0d, fadeTime); 

     fadeOut.Completed += (s, e) => 
     { 
      image.Source = source; 
      image.BeginAnimation(UIElement.OpacityProperty, 
       new DoubleAnimation(1d, fadeTime)); 
     }; 

     image.BeginAnimation(UIElement.OpacityProperty, fadeOut); 
    } 
}