WordPress.org

Forums

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

  1. J. Gay
    Member
    Posted 2 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.

    http://wordpress.org/extend/plugins/rotating-posts/

  2. nmihai
    Member
    Posted 2 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
    Member
    Posted 2 years ago #

    I do! Where can I find your version?

  4. jsoloway
    Member
    Posted 1 year 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?

  5. JFK.DIAZ
    Member
    Posted 1 year 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