[butchabay]

Don't forget the border texture has to be re-sized for every thumb whether you're using <aspectratio>keep</aspectratio> or not.

If you're displaying thumbs at a set size then a separate image for the border would be indeed be better.

Thanx Hitcher,

here how it's done now, smooth scrolling and no transition effect when thumb is changing, as backtexture remains static.

PHP Code:

<control type="image">
          <posx>100</posx>
          <posy>37</posy>
          <width>280</width>
          <height>420</height>
          <aspectratio aligny="bottom">stretch</aspectratio>
          <texture>backtexture.png</texture>
          <bordertexture border="8">backtexture.png</bordertexture>
          <bordersize>8</bordersize>
          <visible>!IsEmpty(ListItem.Thumb)</visible> 
        </control>
        <control type="image">
          <posx>100</posx>
          <posy>37</posy>
          <width>280</width>
          <height>420</height>
          <aspectratio aligny="bottom">stretch</aspectratio>
          <fadetime>IconCrossfadeTime</fadetime>
          <texture background="true">$INFO[ListItem.Icon]</texture>
          <bordersize>8</bordersize>
          <visible>!IsEmpty(ListItem.Thumb)</visible> 
        </control> 


[Hitcher]

Pretty sure you can remove some of that code and get the same result.

PHP Code:

<control type="image"> 
    <posx>100</posx> 
    <posy>37</posy> 
    <width>280</width> 
    <height>420</height> 
    <aspectratio aligny="bottom">stretch</aspectratio> 
    <texture border="8">backtexture.png</texture>
    <visible>!IsEmpty(ListItem.Thumb)</visible>  
</control> 
<control type="image"> 
    <posx>108</posx> 
    <posy>45</posy> 
    <width>267</width> 
    <height>404</height> 
    <aspectratio aligny="bottom">stretch</aspectratio> 
    <fadetime>IconCrossfadeTime</fadetime> 
    <texture background="true">$INFO[ListItem.Icon]</texture>
    <visible>!IsEmpty(ListItem.Thumb)</visible>  
</control> 


[butchabay]

Pretty sure you can remove some of that code and get the same result.

PHP Code:

<control type="image"> 
    <posx>100</posx> 
    <posy>37</posy> 
    <width>280</width> 
    <height>420</height> 
    <aspectratio aligny="bottom">stretch</aspectratio> 
    <texture border="8">backtexture.png</texture>
    <visible>!IsEmpty(ListItem.Thumb)</visible>  
</control> 
<control type="image"> 
    <posx>108</posx> 
    <posy>45</posy> 
    <width>267</width> 
    <height>404</height> 
    <aspectratio aligny="bottom">stretch</aspectratio> 
    <fadetime>IconCrossfadeTime</fadetime> 
    <texture background="true">$INFO[ListItem.Icon]</texture>
    <visible>!IsEmpty(ListItem.Thumb)</visible>  
</control> 


Just tried, this way i don't see any border. If i add bordersize in both image controls the border appears perfectly alligned.
Feel free to try it out.

Edit: Sorry you're right. But that way i have to adjust size and positions.