Jump to content

cycle2 pause on hover caption


pwired
 Share

Recommended Posts

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 ?

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

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

  • Like 1
Link to comment
Share on other sites

 Share

  • Recently Browsing   0 members

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