Please help

  Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Post Reply
butchabay Offline
Skilled Skinner
Posts: 3,420
Joined: Mar 2010
Reputation: 62
Location: Switzerland
Post: #31
Hitcher Wrote: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
find quote
Hitcher Online
Skilled Skinner
Posts: 9,922
Joined: Aug 2007
Reputation: 67
Location: Eastleigh, UK
Post: #32
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

[Image: sig_zps3af3b48e.jpg]
find quote
butchabay Offline
Skilled Skinner
Posts: 3,420
Joined: Mar 2010
Reputation: 62
Location: Switzerland
Post: #33
Hitcher Wrote: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.
find quote
Post Reply