Изображение марка анимация в wpf?

Question

В моем проекте я хочу выделить несколько изображений. Я попытался, но не смог. когда я даю длительность, все изображения объединяются и перемещаются.

Мой 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> 

Моя модель -

Answer 1

Обратитесь по следующей ссылке и применить его в вашем случае.

http://weblogs.asp.net/razan/archive/2009/10/01/creating-marquee-scrolling-text-in-wpf.aspx

Update 1:

Модифицированный код следующим образом кажется, чтобы удовлетворить ваши требования

<Grid> 
      <Canvas x:Name="MyCanvas" VerticalAlignment="Center"> 
       <Canvas.Triggers> 
        <EventTrigger RoutedEvent="FrameworkElement.Loaded"> 
         <BeginStoryboard > 
          <Storyboard Storyboard.TargetName="panel" Storyboard.TargetProperty="(Canvas.Left)"> 
           <DoubleAnimation From="0" To="514" Duration="0:0:20" /> 
          </Storyboard> 
         </BeginStoryboard> 
        </EventTrigger>     
       </Canvas.Triggers> 
       <StackPanel x:Name="panel" Orientation="Horizontal"> 
        <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" /> 
       </StackPanel> 
      </Canvas> 
     </Grid>