Jump to content

cycle2 pause on hover caption


Recommended Posts


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:


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 ?

Link to comment
Share on other sites

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);


  • Like 1
Link to comment
Share on other sites


  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...