WordPress.org

Support

Support » Plugins and Hacks » Meteor Slides » [Resolved] Making Description appear onhover

[Resolved] Making Description appear onhover

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Josh Leuze

    @jleuze

    Hi, if you’re following along with the custom slideshow template documentation you’d want to customize the CSS like this:

    .meteor-slides p {
        display: none;
    }
    .meteor-slides.navhover p {
        display: block;
    }

    Hi JLeuze,

    Thank you for replying so fast. That worked! Thank you so much!

    Is there a way to ease it in with a nice transition? Maybe fade in and out?

    Regards

    Plugin Author Josh Leuze

    @jleuze

    You should be able to do this with CSS3, check out this tutorial on fading with CSS3, here’s an example to get you started:

    .meteor-slides p {
       opacity: 0;
       transition: opacity .25s ease-in-out;
       -moz-transition: opacity .25s ease-in-out;
       -webkit-transition: opacity .25s ease-in-out;
    }
    .meteor-slides.navhover p {
       opacity: 1;
    }

    Is there a way to do it via the meteor-slideshow.php file using JQuery or echo syntax? I need it to be as compatible for all browsers as possible

    Plugin Author Josh Leuze

    @jleuze

    You could use a custom slideshow script and add some jQuery to that.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Resolved] Making Description appear onhover’ is closed to new replies.
Skip to toolbar