Reply to thread

Message

<blockquote data-quote="Brownard" data-source="post: 1173020" data-attributes="member: 48291">I think the underlying reason is that you haven't given the Image control a width and the skin engine is calculating the size and position of the control during the transition from the size of the first image, then it updates the control's size and position based on the second image's size after the transition.A workaround is to give the Image control a width e.g.[CODE=XML]&lt;Image Grid.Row=&quot;0&quot; Grid.Column=&quot;0&quot; HorizontalAlignment=&quot;Right&quot; VerticalAlignment=&quot;Center&quot; Stretch=&quot;Uniform&quot; Margin=&quot;0,0,5,0&quot; Height=&quot;560&quot; Width=&quot;{DynamicResource Cover_Width}&quot;&gt;&nbsp; &nbsp; &lt;Image.Source&gt;&nbsp; &nbsp; &nbsp; &lt;ImageSourceWrapper Delay=&quot;0.5&quot; DelayInOut=&quot;true&quot; Transition=&quot;transitions\dissolve&quot; TransitionDuration=&quot;0.5&quot;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Source=&quot;{Binding Source={StaticResource FanArtBackgroundModel}, Path=ImageSource, Converter={StaticResource FanArtImageSourceConverter}, ConverterParameter=Poster;0;0;False}&quot;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; FallbackSource=&quot;{Binding Source={StaticResource FanArtBackgroundModel},Path=MediaItem}&quot; /&gt;&nbsp; &nbsp; &lt;/Image.Source&gt;&lt;/Image&gt;[/CODE]This does impact the alignment though, the image control is aligned to the right but the actual images are centred within the image control's 'rectangle' so the distance to the right hand side varies depending on the image's aspect ratio. It looks acceptable to me though.</blockquote>

[QUOTE="Brownard, post: 1173020, member: 48291"] I think the underlying reason is that you haven't given the Image control a width and the skin engine is calculating the size and position of the control during the transition from the size of the first image, then it updates the control's size and position based on the second image's size after the transition. A workaround is to give the Image control a width e.g. [CODE=XML]<Image Grid.Row="0" Grid.Column="0" HorizontalAlignment="Right" VerticalAlignment="Center" Stretch="Uniform" Margin="0,0,5,0" Height="560" Width="{DynamicResource Cover_Width}"> <Image.Source> <ImageSourceWrapper Delay="0.5" DelayInOut="true" Transition="transitions\dissolve" TransitionDuration="0.5" Source="{Binding Source={StaticResource FanArtBackgroundModel}, Path=ImageSource, Converter={StaticResource FanArtImageSourceConverter}, ConverterParameter=Poster;0;0;False}" FallbackSource="{Binding Source={StaticResource FanArtBackgroundModel},Path=MediaItem}" /> </Image.Source> </Image>[/CODE] This does impact the alignment though, the image control is aligned to the right but the actual images are centred within the image control's 'rectangle' so the distance to the right hand side varies depending on the image's aspect ratio. It looks acceptable to me though. [/QUOTE]

Verification