Rotating Posts
Way to add a transition effect? (5 posts)

  1. J. Gay
    Posted 3 years ago #

    Is there any way to add a fade effect on the post transitions with jQuery or CSS3? I've been trying all morning and nothing is working.


  2. nmihai
    Posted 3 years ago #

    jgay ... do you still need this with fade effect ? i made a version of this plugin to use jQuery Cycle Plugin for fading/transition effects.

  3. J. Gay
    Posted 3 years ago #

    I do! Where can I find your version?

  4. jsoloway
    Posted 2 years ago #

    I'm also looking for a way to add a simple fade effect. nmihai, would you be able to post a link to your version?

    Posted 2 years ago #

    Since you may be already using jQuery (most WP installations do), I edited their rotating-posts.js file.

    Looked for the line (around line 42) :

    document.getElementById('rp_post' + i).style.display = "block";

    and replace it by :

    jQuery('#rp_post' + i).fadeIn(400);

    you may want to add a callback when the fade transition is finished (in my case I wanted to resize the parent container for my responsive layout) so you can do

    jQuery('#rp_post' + i).fadeIn(400, function(){
        // add your calback here

    hope it helps

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Rotating Posts
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic