Adding Hover state to an image

Adding Hover state to an image


When you use your own assets to create custom buttons, it is useful to work with a so-called ‘hover state’. This is a variant of the image that will be shown as soon as the user(s) hover their mouse over the concerning image (mouse-over). This form of feedback helps the user understand that the button is active and clickable.

N.B. the hover image will only be shown on desktop devices. Mobile devices do not possess a hover state function. 

Adding and configurating

Select the image element you wish to add a hover variant to, either on the timeline or the canvas. Go to options and press on the ‘change’ button, located on the second line, next to the ‘Hover’ heading. The element browser will be opened. Select the desired image in your window, and press ‘change’ again. The hover image has now been added. 
    • Related Articles

    • Videotutorial: Adding subtitles

      How to add subtitles to your video's In this tutorial we'll take you through the entire process of adding subtitles to your videos. We explain how to format your subtitle files, how to add time to your clips and give some extra information about how ...
    • Adding subtitles

      Subtitles are the textual support that are displayed at the bottom side of the screen during a video. This function is frequently used to display, for example, dialogues or voice-overs as written text, so that the video is comprehensible even when it ...
    • Variable trigger and conditional logic

      A variable trigger is a trigger that performs actions on the basis of (a) variable(s). The variables are predefined with an interaction, input field component or through the database. The variable trigger performs actions based on conditions. It ...
    • Metadata in URL using parameters

      Metadata in URL using parameters There are ways to give extra information to the interactive video from external information sources. One of these ways is to add some code (parameters) behind the project link to add meta-data. This way you can add ...
    • Creating buttons

      A button component is an add-in that allows you to easily add buttons to an interactive video. In the example below we show different button component styles. These are only examples of the varieties of styles. The style of a button component is ...