Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.Sign up
Velocity kick only after all images are loaded #142
I'm using the new
It works nicely, especially in Webkit. Here's the basic idea: when the user clicks a new vase thumbnail to load it onto the "main stage":
a) all images of the class
Once all the images have all been cached then the transitions between the vases are all fairly smooth. The big problem, however, is that the initial
It's clear to me that the
But it's visually weird that my blue preloader box seems to be effectively synched with the twirl of the vase. What I want is to have the preloader complete, and then twirl the vase, fluidly. I realize you've put a ton of thought into performance, and not holding up basic functionality on slower machines, but I'd rather make the user wait a little and show them something reasonably smooth than kick off an animation that just isn't ready. Is there some happy compromise solution here?
P.S. While I'm here (and you're here, dear reader) there is another weird problem in Firefox, too, that is not really a problem with the plugin but I thought I'd ask anyways :) At step (e) above, when the new image is fading in, for a moment it's actually the old image, which then abruptly gets swapped out. It's weird. I'm trying to be all smooth with the transitions in my jQuery, and I think I'm using callbacks properly, but Gecko is effectively messing with my event sequence. Any idea how to work around this?
Thanks so much!
added a commit
Aug 19, 2012
I implemented the change in separate post-loaded-velocity branch for you to use and for future merge into 1.2.1 release. It now does the velocity kick as a callback to
Please give it a try and let me know your thoughts.
Also you might want to check out opening animation feature, which serves the same purpose (functionality preview) but in a different way ;)