WordPress.org

Ready to get started?Download WordPress

Forums

WP Rotator
Fade Flicker isn't smooth (14 posts)

  1. Jason Paul
    Member
    Posted 2 years ago #

    I've gotten this to work fairly well. I can't get the fade transitions to look as smooth as they do on your demo site. The slide fades out all the way before fading into the next which creates an irritating flicker effect. I'd like the images to fade into each other so it appears smoother. Any way to control this?

    http://wordpress.org/extend/plugins/wp-rotator/

  2. Bill Erickson
    Member
    Plugin Contributor

    Posted 2 years ago #

    I've just sent an email to Chris Bratlien, who did all the jQuery. I'm not a jQuery person so I can't provide much help there.

    Another option is to unhook the default jQuery and use a different jQuery library. I have a proof of concept over here ( wordpress.org/extend/plugins/flex-slider-for-wp-rotator ) but it still needs some work.

  3. Jason Paul
    Member
    Posted 2 years ago #

    Appreciate it. I forgot to mention that the reason I'm using WP Rotator is because of the Flex Slider plugin. Seems to be the only slider I can find that will work with a flexible grid. Maybe the Flix Slider is what's causing the flickering...

  4. Chris Bratlien
    Member
    Plugin Author

    Posted 2 years ago #

    Hey guys,

    Jason, let's gather some clues.

    1. Can you send me a link to an example page and which browser to view it in?

    2. Also, how does it behave for you when you view the Taj Mahal example here:
    http://chrisbratlien.com/blog/

    If you're a coder, I'm using jQuery's fadeTo() function with a 2nd call in the first one's callback.

    newPage.fadeTo(that.slideDelay/2,1,function(){
              oldPage.fadeTo(that.slideDelay/2,0);
            });
  5. Jason Paul
    Member
    Posted 2 years ago #

    Thanks Chris,
    I'm working in Mamp right now and don't have the time at the moment to setup up live.
    I'm on the front-end dev side but my JS is not great but I'm not afraid to tinker.
    Could you tell me where exactly I need to put this new bit of javascript to test? Header.php?

  6. Chris Bratlien
    Member
    Plugin Author

    Posted 2 years ago #

    That code snippet was just an excerpt of what our plugin currently does, so it wouldn't be anything new to try. What browser and OS are you experiencing the issue on?

    Also, how does the Taj Mahal example behave for you on http://chrisbratlien.com/blog ?

  7. Jason Paul
    Member
    Posted 2 years ago #

    I'm using OSX Lion and I get the flicker problem in both Firefox 6 and in Chrome. However, your Taj Mahal example behaves great.

  8. Jason Paul
    Member
    Posted 2 years ago #

    Hi Chris,
    I've put this up in a testing site so you can take a look. I"m still getting the unpleasant flicker here too: http://www.trasaterra.com/demos/gem/2011/09/22/rotate-test/

  9. Chris Bratlien
    Member
    Plugin Author

    Posted 2 years ago #

    One difference I see is that you're using FlexSlider, while the examples at http://wprotator.com and my Taj Mahal blogpost are not.

    I wonder how FlexSlider handles crossfading. Their webpage shows a sliding example but I don't see a crossfade example.

  10. Bill Erickson
    Member
    Plugin Contributor

    Posted 2 years ago #

    Yes, I think this is how FlexSlider handles fades. You might try upgrading to FlexSlider 1.7 (overwriting the jquery.flexslider-min.js file in the flex slider for wp rotator plugin). I still have some issues to fix with the flex slider plugin before I release a new version, but the new version will also feature an upgrade to flexslider itself.

    http://flex.madebymufffin.com/

  11. Jason Paul
    Member
    Posted 2 years ago #

    I picked up on that. And I did try turning off the flex slider plugin and noticed that the fade transition was much smoother. Unfortunately I definitely need the Flex slider as I'm trying to do a flexible grid site with slider. I suppose I'll have to download the Flex js demo and see if the fade transition issue is on their end. Thanks for your help Chris! I'll report back in a bit.

  12. Jason Paul
    Member
    Posted 2 years ago #

    Bill,
    That fixed the transitions! It's thrown my navigation buttons totally in the wrong position though: http://www.trasaterra.com/demos/gem/2011/09/22/rotate-test/

    Any idea what threw it off?

    thanks you guys!

  13. Bill Erickson
    Member
    Plugin Contributor

    Posted 2 years ago #

    Yeah, that's actually the thing I'm trying to fix before I update the plugin.

    I think I've just fixed it though. I'm updating the plugin now so when you see an update notification for 1.1, give that a go.

  14. Jason Paul
    Member
    Posted 2 years ago #

    Awesome!
    I just made a small recommendation/request in the Flex Slider plugin forum fyi...let me know if that's something you'd be open to building into the plugin:
    http://wordpress.org/extend/plugins/flex-slider-for-wp-rotator/

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags