Как сделать картинку меняющую , при наведении , зажатии , отжатии , отведении?

 <Style TargetType="Image" x:Key="Castle" >
        <Setter Property="Source" Value="/Resources/passClose.png" />

       
        <Style.Triggers>
            <Trigger Property="IsMouseDirectlyOver" Value="False">
                <Setter Property="Source" Value="/Resources/passOpen.png" />

            </Trigger>
          
            
        </Style.Triggers>

       
    </Style>

1. У меня картинка при не наведённой мышки на неё выглядит вот так

2. При наведённой

3. При зажатой мышки на картинку

4. При отжатой мышки

Как сделать так, что бы в 1 случаи замок был закрыт, и все остальные пункты также работали, как на скринах ?

Менять картинки местами пробовал.