0

I´m using Metro JS (http://www.drewgreenwell.com/projects/metrojs), to create a Jquery flip wall and everything works ok if I hover the tiles at a "normal" speed, if I hover tiles faster a little bug that flashes the front side image appear, right before finish the flip.

This is one of the problems hard to explain using words, but let me try again.

Metro JS "Flip" divs on HoverIn and Flip the Tile back again if the user HoverOut. If you move your mouse fast over the tiles the script Flip the tile to the back-side face, then flashes the front-side image right before flip back again. I´ve tried to change ZIndex Values, use Css Opacity tricks and everything i could imagine but i can´t remove this image flash.

I talked to the Metro JS developer (Drew Greenwell), really nice guy who always answer users questions, but i understand that he can´t help everybody all the time, so i uploaded my code for you guys reproduce the error and maybe help me with that.

Link: http://www.drewgreenwell.com/projects/metrojs#liveTileBasicExample

Any help is appreciated!

Kara
  • 6,115
  • 16
  • 50
  • 57
suicidebilly
  • 295
  • 1
  • 13
  • Looks great in Firefox.. in which browser are you seeing the problem? – showdev Feb 07 '13 at 00:50
  • Using Chrome and works great – cgatian Feb 07 '13 at 00:52
  • IE10 and Chrome tested, works fine. Please tell us which browser you're using and post some code. This question will be useless once that link goes away. – thordarson Feb 07 '13 at 00:52
  • Sorry, i forgot to mention. This bug appears on Firefox 18 or Older, and Old Chromes, the updated version of Chrome looks Ok. On IE i can´t see the same bug because IE don´t actually flip image, it just moves. – suicidebilly Feb 07 '13 at 01:03

1 Answers1

1

The issue appears to have been caused by the mouseout timeout firing too fast for the css reset to be applied (essentially before the flip could fully complete). I updated the code on my website and plan to release version 0.9b with this fix included shortly. Thanks for bringing this to my attention! Drew

DrewG
  • 253
  • 3
  • 9
  • Hello Drew, I tested the new version of your script and it really fix this "flash", everything works perfectly now! Thanks for the help. – suicidebilly Feb 07 '13 at 03:09