title: How to change button image when clicked in xaml
body: <p>When the user hovers over a button I can change the image of the button like so in XAML:</p>
  
  <pre><code>&lt;Page.Resources&gt;
      &lt;ImageBrush x:Key="troubleshooting_normal" ImageSource="/Images/troubleshooting_yellow.png" /&gt;
      &lt;ImageBrush x:Key="troubleshooting_hover" ImageSource="/Images/troubleshooting_gray.png" /&gt;
  
  &lt;ControlTemplate TargetType="Button" x:Key="buttonTroubleshooting"&gt;
          &lt;Grid Name="button" Background="{StaticResource troubleshooting_normal}"&gt;
              &lt;ContentPresenter/&gt;
          &lt;/Grid&gt;
          &lt;ControlTemplate.Triggers&gt;
              &lt;Trigger Property="IsMouseOver" Value="True"&gt;
                  &lt;Setter TargetName="button" Property="Background" Value="{StaticResource troubleshooting_hover}" /&gt;
              &lt;/Trigger&gt;
          &lt;/ControlTemplate.Triggers&gt;
      &lt;/ControlTemplate&gt;
  &lt;/Page.Resources&gt;
  
  &lt;Button Name="ButtonTroubleShooting" Template="{StaticResource buttonTroubleshooting}" HorizontalAlignment="Left" Margin="287,109,0,0" VerticalAlignment="Top" Width="155" Height="155" Click="ButtonTroubleShooting_Click"/&gt;
  </code></pre>
  
  <p>I want to add a 3rd image for when the user clicks on the button, how do I modify the above to do this??</p>