How to load an image from an external file to WPF Browser Application

See more:

C#

WPF

VS2010

I have a few pictures which is stored in my "image folder". I'm trying to load an image using WPF Browser Application. I have a button and an image box. When I press the button, the image will be displayed in the automatically in the image box.

I was told that I need to insert my image in the Resources file. Is it necessary to do that? Or is there a way to load an image directly from the file to my image box?

I inserted an image in the Resources file. And this is my code.....

public Page1()
        {
            InitializeComponent();
        }

        private void button1_Click(object sender, RoutedEventArgs e)
        {
           Image i = new Image();
           BitmapImage src = new BitmapImage();
           src.BeginInit();
           src.UriSource = new Uri("book1.png", UriKind.Relative);
           src.CacheOption = BitmapCacheOption.OnLoad;

           image1.Source = src;
           image1.Stretch = Stretch.Uniform;

        }

I don't have any errors, but when i press the button, no image appeared in my image box. How do I load up my image in the image box?