Kodi Community Forum
Dim/Fade/Darken Background Image? - Printable Version

+- Kodi Community Forum (https://forum.kodi.tv)
+-- Forum: Support (https://forum.kodi.tv/forumdisplay.php?fid=33)
+--- Forum: Skins Support (https://forum.kodi.tv/forumdisplay.php?fid=67)
+--- Thread: Dim/Fade/Darken Background Image? (/showthread.php?tid=115006)



Dim/Fade/Darken Background Image? - Kheiron2711 - 2011-11-19

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?


- Kheiron2711 - 2011-11-19

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>



- Kheiron2711 - 2011-11-28

Has anybody got any idea how to accomplish this? Sorry for the bump but I'm kind of desperate.


- ronie - 2011-11-30

either use <colordiffuse> or add a fade animation to the image control


RE: Dim/Fade/Darken Background Image? - Kheiron2711 - 2012-05-06

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.