title: Showing different image on mouse over in WPF Image
body: <p>I have a <code>datatemplate</code> used for <code>datagridtemplatecolumn</code><br>
  I am trying to show different image on mouse over in <code>Image</code>.<br>
  On mouse over, the cursor is changing but image is not changing.  </p>
  
  <pre><code> &lt;DataTemplate x:Key="MyDataTemplate" DataType="DataRowView"&gt;
          &lt;StackPanel Orientation="Horizontal" Background="Transparent"&gt;
              &lt;Image Margin="0,0,0,0"   Width="50" Height="50" Source="{Binding Converter={StaticResource SetImgToDG}}" ToolTip="{Binding}" &gt;
                  &lt;Image.Resources&gt;
                      &lt;Style TargetType="{x:Type Image}"&gt;
                          &lt;Style.Triggers&gt;
                              &lt;Trigger Property="IsMouseOver" Value="True"&gt;
                                  &lt;!-- Hover image --&gt;
                                  &lt;Setter Property="Cursor" Value="Hand"/&gt;
                                  &lt;Setter Property="Source" Value="C:\Images\Coil3.png"/&gt;
                              &lt;/Trigger&gt;
                          &lt;/Style.Triggers&gt;
                      &lt;/Style&gt;
                  &lt;/Image.Resources&gt;
              &lt;/Image&gt;
          &lt;/StackPanel&gt;
      &lt;/DataTemplate&gt;  
  </code></pre>
  
  <p>Is that binding creates the problem??<br>
  How to resolve it??</p>