Image doesn't appear during debugging

Question

Following problem: I just have an Image box on my window with following XAML Code:

<Image x:Name="image1" HorizontalAlignment="Left" Height="100" Margin="261,161,0,0" VerticalAlignment="Top" Width="100" Stretch="Fill" IsHitTestVisible="True" Source="Resources/Jellyfish.jpg"/>

There are no errors and the image is shown in editing mode: Screenshot 1

But when I debug the program, the Image doesn't appear :( Screenshot 2

Does anybody see a mistake?

Regards MightyM

Answer 1

All you have to do is

1. Ensure the your project has a folder called Resources
2. Your Resources folder has a file called jellyfish.jpg
3. The properties window of JellyFish.jpg shows the the Build Action is set to "Resource"

3 will ensure that the JellyFish.jpg is embedded into your assembly as a resource stream. If you don't want an embedded resource you can look at PACK URI for your other choices