Maybe I am missing something really simple but a Google search returned no usefull results when searching on how to change an image on when i hover over the image.
All i have so far is :|
Maybe I am missing something really simple but a Google search returned no usefull results when searching on how to change an image on when i hover over the image.
All i have so far is :|
You need to use a Trigger on the IsMouseOver property to modify the Source of the Image:
<Image>
<Image.Style>
<Style TargetType="{x:Type Image}">
<Setter Property="Source" Value="C:\Image1.jpg"/>
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Source" Value="C:\Image2.jpg"/>
</Trigger>
</Style.Triggers>
</Style>
</Image.Style>
</Image>
Note that Triggers can only be used inside Styles, and in order for a Trigger to change a property that property's value must be set by the Style and not set explicitly on the element.
Hi,
<Image Stretch="Fill" >
<Image.Style>
<Style>
<Setter Property="Image.Source" Value="original.png" />
<Style.Triggers>
<Trigger Property="Image.IsMouseOver" Value="True">
<Setter Property="Image.Source" Value="mouseover.png" />
</Trigger>
</Style.Triggers>
</Style>
</Image.Style>
</Image>
There are other ways that trigger. All right?
Best Regards,
Vincent BOUZON