Lighthouse has a new layout. Prefer the old one? Return to the old layout, and switch back any time from the link at the top of each page.

Billboard flickering

#464

Using Safari I'm seeing some quick flicker of the image when a new transition starts. I cannot reproduce this in other browsers than Safari.

Reported by Jeffrey Gelens · March 15th, 2011 @ 01:44 AM

State: hold
Milestone: none
Assigned to: nobody

Activity

  1. MadRabbit
    MadRabbit
    • Tag changed from billboard to billboard, bug, ui

    Hi Jeffrey,

    Could you hook me up with a demo page, so I could reproduce and fix it?

    March 17th, 2011 @ 05:25 PM

  2. Jeffrey Gelens
    Jeffrey Gelens

    Sorry forgot the link ;) It's also reproducible on the demo page: http://rightjs.org/ui/billboard/demo
    When you click the next or previous buttons you'll see it. I tested on Safari in OS X.

    March 17th, 2011 @ 06:37 PM

  3. MadRabbit
    MadRabbit

    Then I'm not sure what you mean. I'm in OSX and looking at the demo in Safari and it seems pretty nice and smooth.

    March 17th, 2011 @ 06:42 PM

  4. Jeffrey Gelens
    Jeffrey Gelens

    I'll upload a movie later later today

    March 17th, 2011 @ 08:04 PM

  5. Jeffrey Gelens
    Jeffrey Gelens

    I uploaded a vid which demonstrates the issue.

    March 19th, 2011 @ 12:52 AM

  6. Jeffrey Gelens
  7. MadRabbit
    MadRabbit

    hmm, looks like an images swapping artifact. what kind of a computer are you running this on?

    March 20th, 2011 @ 06:29 PM

  8. Jeffrey Gelens
    Jeffrey Gelens

    An iMac core 2 duo and a pretty new MacBook Pro. Both share the same problem. Both running the latest snow leopard.

    March 20th, 2011 @ 07:03 PM

  9. MadRabbit
    MadRabbit

    weird, I've got a two years old macbook and don't see anything like that

    I'll try to check if I did something obviously stupid in there, but without an ability to reproduce the bug on my own I can't promise much

    March 20th, 2011 @ 07:11 PM

  10. Jeffrey Gelens
    Jeffrey Gelens

    Could you send me the lines in the billboard source which are responsible for the swap? I could help a little.

    March 22nd, 2011 @ 11:33 AM

  11. MadRabbit
    MadRabbit

    There is basically this method

    https://github.com/rightjs/rightjs-ui/blob/master/src/billboard/bil...

    which is overloaded in every specific effect, say in slider we have this one

    https://github.com/rightjs/rightjs-ui/blob/master/src/billboard/bil...

    and there is also those two things

    https://github.com/rightjs/rightjs-ui/blob/master/src/billboard/bil...
    https://github.com/rightjs/rightjs-ui/blob/master/src/billboard/bil...

    which are called before and after every effect, that's basically the whole thing.

    things look pretty okay to me, but I would try to tinkle with things like this one

    https://github.com/rightjs/rightjs-ui/blob/master/src/billboard/bil...

    and try replace the #update method with some pure dom actions like

    this.container._.innerHTML = '';
    this.container._.appendChild(this.clone._);
    

    Not sure if it will help, but that's what I would try

    March 22nd, 2011 @ 01:05 PM

  12. Jeffrey Gelens
    Jeffrey Gelens

    Great thanks, I'll play with it a lil soon.

    March 22nd, 2011 @ 01:17 PM

  13. MadRabbit
    MadRabbit
    • State changed from new to hold

    November 5th, 2011 @ 03:19 PM

Please Sign in or create a free account to add a new ticket.

With your very own profile, you can contribute to projects, track your activity, watch tickets, receive and update tickets through your email and much more.