cycle2 pause on hover caption

[pwired]

Hi

Cycle2 was mentioned not so long ago as a recommended slideshow. I am using it inside processwire for a simple website but can not get - pause on hover - to work as shown on this cycle2 demo page:

http://jquery.malsup.com/cycle2/demo/pause.php

On that page, when the mouse is over a picture, the slide not only stops but also a caption is shown in the top right corner: "Paused" inside a dark rounded rectangle. I can't get this "Paused" caption to work and don't see any documentation about it. Inspect element with firefox also did not show me how to do it. Does anyone know how to get this to work ?

[tpr]

Its a CSS pseudo element:

/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}

http://jquery.malsup.com/cycle2/demo/demo-slideshow.css

[pwired]

Thanks @ tpr, I have it working now. Thanks for the link.

Didn't even know about this :after pseudo element.