c# - wpfのイメージマークアニメーション?

Question

私のプロジェクトでは、マーキー n 個の画像が必要です。試しましたが成功しませんでした。同じ期間を指定すると、すべての画像が結合されて移動します。

私のXAML -

 <Grid>
        <Canvas x:Name="MyCanvas" VerticalAlignment="Center">
            <Canvas.Triggers>
                <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                    <BeginStoryboard >
                        <Storyboard Storyboard.TargetName="img1" Storyboard.TargetProperty="(Canvas.Left)">
                            <DoubleAnimation From="0" To="514" Duration="0:0:20" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
                <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                    <BeginStoryboard >
                        <Storyboard Storyboard.TargetName="img2" Storyboard.TargetProperty="(Canvas.Left)">
                            <DoubleAnimation From="0" To="514" Duration="0:0:20" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
                <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                    <BeginStoryboard >
                        <Storyboard Storyboard.TargetName="img3" Storyboard.TargetProperty="(Canvas.Left)">
                            <DoubleAnimation From="0" To="514" Duration="0:0:20" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Canvas.Triggers>
            <Image Name="img1" Source="/Images/01.jpg" Height="180" Width="120"  />
            <Image Name="img2" Source="/Images/02.jpg" Height="180" Width="120"  />
            <Image Name="img3" Source="/Images/03.jpg" Height="180" Width="120"  />
        </Canvas>
    </Grid>

私のモデルは -