Dim/Fade/Darken Background Image?

  Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Post Reply
Kheiron2711 Offline
Junior Member
Posts: 29
Joined: Sep 2011
Reputation: 0
Post: #1
Hi there.

I'm currently trying to severely customize my existing skin and one of the things I've done is add fanart to the background of the Movie Info screen by diabling the following line in DialogVideoInfo.xml:

Code:
<!--<texture>simplicity/background-solid.png</texture>-->

and adding the following instead.

Code:
<texture fallback="nothumb.png">$INFO[ListItem.Property(Fanart_Image)]</texture>

However, I'm now trying to figure out how to dim/fade/darken it so that it's not as bright as the actual picture is by default. (Kinda the same way it looks in the background when browsing your library.)
Basically, it's drowning out the text so darkening the background would be really useful.

I've tried adding the following bits after "<texture " but neither seem to have made a difference:

Code:
diffuse="simplicity/fanart-slide-fanart-diffuse.png"
and/or
Code:
background="true"

Does anybody know the syntax used to darken an image?
find quote
Kheiron2711 Offline
Junior Member
Posts: 29
Joined: Sep 2011
Reputation: 0
Post: #2
I realise that I may have been on the wrong track there so I also tried adding the following just after the < but that made no difference either.

Code:
<include>VisibleFadeEffect</include>
and/or
Code:
<include>Overlay</include>

I'm pretty sure I'm really close but that I'm just missing something small or not understanding the correct place to put it.

Here's a full breakdown of the code for the background image:

Code:
<controls>
    <control type = "group">
    <include>VisibleFadeEffect</include>
        <animation
                effect = "slide"
                start = "1280,0"
                end = "0,0"
                time = "400"
                tween = "quadratic"
                easing = "out">WindowOpen</animation>
        <animation
                effect = "slide"
                start = "0,0"
                end = "1280,0"
                time = "400"
                tween = "quadratic"
                easing = "out">WindowClose</animation>
    <control type = "image">
        <posx>0</posx>
            <posy>0</posy>
        <width>1290</width>
        <height>730</height>
        <aspectratio scalediffuse="true">stretch</aspectratio>
        <!--<texture>simplicity/background-solid.png</texture>-->
        <texture background="true" fallback="nothumb.png">$INFO[ListItem.Property(Fanart_Image)]</texture>
    </control>
(This post was last modified: 2011-11-19 23:50 by Kheiron2711.)
find quote
Kheiron2711 Offline
Junior Member
Posts: 29
Joined: Sep 2011
Reputation: 0
Post: #3
Has anybody got any idea how to accomplish this? Sorry for the bump but I'm kind of desperate.
find quote
ronie Online
Team-Kodi Member
Posts: 9,422
Joined: Jan 2009
Reputation: 165
Post: #4
either use <colordiffuse> or add a fade animation to the image control

Always read the Kodi online-manual, FAQ and search the forum before posting.
Do not PM or e-mail Team-Kodi members directly asking for support. Read/follow the forum rules.
For troubleshooting and bug reporting please make sure you read this first.
find quote
Kheiron2711 Offline
Junior Member
Posts: 29
Joined: Sep 2011
Reputation: 0
Post: #5
OMG, thanks so much ronie.
I used <colordiffuse>50FFFFFF</colordiffuse>

For some reason, I never got a notification that this had been answered but I was thinking about it today and decided to do some searching around again then came across my own original thread.
You're a legend.
(This post was last modified: 2012-05-06 21:57 by Kheiron2711.)
find quote