Hi,
I have the following XAML on my page:

`<Grid x:Name="LayoutRoot">  
        <Viewbox Stretch="Uniform">  
        <Image x:Name="myImage" />  
    </Viewbox>  
    <WebBrowser x:Name="myBrowser"  />  
</Grid>`  

and then in the codebehind I'm switching the visibility between the image and the browser content:

myBrowser.Visibility = Visibility.Collapsed;
myImage.Source = new BitmapImage(new Uri(p));
myImage.Visibility = Visibility.Visible;

and

myImage.Visibility = Visibility.Collapsed;
myBrowser.Source = new Uri(myPath + p, UriKind.Absolute);
myBrowser.Visibility = Visibility.Visible;

This works fine, but what the client now wants is a smooth transition between when the Image is shown and when the browser is shown. I tried several approaches but always ran into dead end. Do you have any ideas?

I tried setting two states using the VSM and than displaying a white rectangle on top as an overlay, before the swap takes place, but that didn't work (I guess it's because nothing can be placed above the WebBroser???) I tried setting the Visibility of the image control and the webbrowser control using the VSM, but that didn't work either. I really don't know what else to try to solve this simple task.

Any help is greatly appreciated.
Jan