Drop in component for fading between 2 posters.
ropm install roku-image-fadersuggestion: use a shorter prefix:
ropm install if@npm:roku-image-faderFollow these steps:
- Declare an image fader component
- Set uri
without prefix:
<rokuimagefader_ImageFader
id="backgroundImage" />
using if prefix:
<if_ImageFader
id="backgroundImage"/>
without prefix:
backgroundImage = createObject("roSGNode", "rokuimagefader_ImageFader")
using if prefix:
backgroundImage = createObject("roSGNode", "if_ImageFader")
Use the following properties:
| property | description |
|---|---|
uri |
uri of next image |
isAnimated |
controls if fade animation is applied |
ShadeOpacity |
opacity for the shade overview |
scaleMode |
same as poster.scaleMode |
backgroundColor |
color of background between fades |
As a convenience, you can do the following
image.callFunc("changeImage", uri, isAnimated)
This allows for setting of the uri, while providing an animation override.