Support » Plugin: WP Rotator » [Plugin: WP Rotator] Fade Flicker isn't smooth

  • Jason Paul

    (@jasontrasaterracom)


    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/

Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Contributor Bill Erickson

    (@billerickson)

    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.

    Jason Paul

    (@jasontrasaterracom)

    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…

    Plugin Author Chris Bratlien

    (@chrisbratlien)

    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);
            });

    Jason Paul

    (@jasontrasaterracom)

    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?

    Plugin Author Chris Bratlien

    (@chrisbratlien)

    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 ?

    Jason Paul

    (@jasontrasaterracom)

    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.

    Jason Paul

    (@jasontrasaterracom)

    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/

    Plugin Author Chris Bratlien

    (@chrisbratlien)

    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.

    Plugin Contributor Bill Erickson

    (@billerickson)

    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/

    Jason Paul

    (@jasontrasaterracom)

    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.

    Jason Paul

    (@jasontrasaterracom)

    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!

    Plugin Contributor Bill Erickson

    (@billerickson)

    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.

    Jason Paul

    (@jasontrasaterracom)

    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/

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘[Plugin: WP Rotator] Fade Flicker isn't smooth’ is closed to new replies.