Live data from Hacker News

The jQuery Slider Plugin with Infinite Style

sequencejs.com

21–28 of 28 posts

Re: The jQuery Slider Plugin with Infinite Style

#21
post #18

Looks good, but it won't respond to events until the animation finishes, which is pretty much guaranteed to annoy site users.

Hi Joeri,

I plan to add an option in the future to allow frames to be skippable regardless of whether they're animating or not. Just need to come up with a good way of doing it without elements flying all over the place.

Re: The jQuery Slider Plugin with Infinite Style

#23
post #14
post #4

Looks great other than the transitions jittering a bit (on ubuntu chrome)

Thanks, haven't put a huge amount of testing into performance yet and I haven't got a copy of Ubuntu installed but I'll add this to the todo list.

On that note, two things. First, when you actually start the animation, make sure that the images are loaded first. If I hit one the demo sites with a cleared cache, the images pop in pretty bad. Use document.onload instead of $(document).ready

Second, mobile performance is dreadful. From what I understand, you have it using CSS3 animation and simply add animations into divs. My suggestion would be to default to javascript on mobile. Most mobiles don't have css animations optimized as heavily as javascript animations.

Re: The jQuery Slider Plugin with Infinite Style

#24
post #14

Earlier quoted context omitted.

Thanks, haven't put a huge amount of testing into performance yet and I haven't got a copy of Ubuntu installed but I'll add this to the todo list.

On that note, two things. First, when you actually start the animation, make sure that the images are loaded first. If I hit one the demo sites with a cleared cache, the images pop in pretty bad. Use document.onload instead of $(document).ready Second, mobile performance is dreadful. From what I understand, you have it using CSS3 animation and simply add animations into divs. My suggestion would be to default to java…

Im not an expert, but isn't it exactly the other way round? CSS3 is usually hardware accelerated, whereas Javascript is completely CPU based

Re: The jQuery Slider Plugin with Infinite Style

#26
post #14

Earlier quoted context omitted.

Thanks, haven't put a huge amount of testing into performance yet and I haven't got a copy of Ubuntu installed but I'll add this to the todo list.

On that note, two things. First, when you actually start the animation, make sure that the images are loaded first. If I hit one the demo sites with a cleared cache, the images pop in pretty bad. Use document.onload instead of $(document).ready Second, mobile performance is dreadful. From what I understand, you have it using CSS3 animation and simply add animations into divs. My suggestion would be to default to java…

Thanks, I'll be adding a preloader in v1 so the loading is more graceful.

I'm yet to test on any mobile device other than iOS so I'll keep your suggestion in mind.

Re: The jQuery Slider Plugin with Infinite Style

#27
post #14

Earlier quoted context omitted.

Thanks, haven't put a huge amount of testing into performance yet and I haven't got a copy of Ubuntu installed but I'll add this to the todo list.

On that note, two things. First, when you actually start the animation, make sure that the images are loaded first. If I hit one the demo sites with a cleared cache, the images pop in pretty bad. Use document.onload instead of $(document).ready Second, mobile performance is dreadful. From what I understand, you have it using CSS3 animation and simply add animations into divs. My suggestion would be to default to java…

I completely disagree with this advice. The purpose of CSS3 animations were to get hardware acceleration!

Re: The jQuery Slider Plugin with Infinite Style

#28
post #14

Earlier quoted context omitted.

Thanks, haven't put a huge amount of testing into performance yet and I haven't got a copy of Ubuntu installed but I'll add this to the todo list.

On that note, two things. First, when you actually start the animation, make sure that the images are loaded first. If I hit one the demo sites with a cleared cache, the images pop in pretty bad. Use document.onload instead of $(document).ready Second, mobile performance is dreadful. From what I understand, you have it using CSS3 animation and simply add animations into divs. My suggestion would be to default to java…

I suspect any performance issues on mobile devices are down to the plugin having to do a lot of work in the DOM, rather than the CSS3 transitions themselves being slow.

Also, it'd be interesting to know what mobile browser your seeing performance issues in. Note that Opera is unfortunately buggy when it comes to CSS3 transitions and I had to write a horrible workaround to get it working. Expect Opera to have performance issues until they fix the bug.

Post reply on HN