TcOverlay Action: How to display an image by the action of a button

A quick introduction to

TcOverlay action (time code Overlay)

that opens a media in overlay.

You are going to add a button as this one, with the action overlay

creating the date 1900

In the the Editor, add a track > button

Give a title to the button

and write the text you want to show

Go to the timeline

and mark the other date buttons in order to visualize them in the positioner

Go to the end of the timeline

Select the created button and move it above the medias so that it can be displayed

Place it before the first date

Here is the new button that you will modify to look like the the other buttons

Go to Properties and change its parameters

Go to Actions

Select the Tc_Overlay action

Enter a value: 1900

and select "hover" Event

Save your sequence

Now you will create the picture that will be displayed by the action overlay

Add a track > Image

and give it a title

Select the image from the Media List

Go to the end of the timeline

Select the created image and move it above so that it can be displayed

Go to Actions

Select the Tc_Overlayed action

Enter the same value as the button: 1900

DON'T FORGET to change the duration to "0". Otherwise the action will not work

Save your sequence and preview it

The button displays the image on mouse over, and makes it disappear when the mose is not longuer over it.

Now we will apply a style to both tracks.

Go to the Style of the image

And the select the "Image 4" style

Select the button

and select a Style : Button 1

Save your sequence and preview it

The button and the image have been styled