Making Description appear onhover

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

    (@jleuze)

    11 years, 4 months ago

    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;
}
    Thread Starter WillBG

    (@willbg)

    11 years, 4 months ago

    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)

    11 years, 4 months ago

    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;
}
    Thread Starter WillBG

    (@willbg)

    11 years, 4 months ago

    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)

    11 years, 4 months ago

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

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