Question

Hey, I’ve made this site(please be patient, there’s no preload yet, so it might take a while to load) where you browse images(that are fullscreen) by clicking right/left, it’s all done with hidden overflow and jquery’s animate + scrollLeft, now there are two major problems,

1. generall speed and smoothness of that scroll
   left(this should be fast, as
   it’s no position absolute + left) in
   pretty much all browsers, firefox(4)
   especially
2. the second would be generall speed
   of jquery’s animations only in
   firefox, when you click on “menu”, that accordion inside is just ridiculously slow.

now my designer has clearly insipired himself with http://svenprim.com/ the way the guy coded it is quite similar to mine, yet his site is very smooth and fast, and I can’t think of any reason why is it.

• What I’ve tried was deleted the
  hidden content(“menu”, and
  “overview”) so only images would stay – didn’t help
• Reduce the number of images – didn’t help

Any help/tips appreciated, I’m getting desperate.

Answer 1

For anyone wondering, the problem had nothing to do with the javascript itself, the problem was .photoBox having a gif animation as a background. Apparently firefox doesn’t like gifs while scrolling.

You can check that it’s fairly fast and smooth now.

http://jankaslphoto.com/

Just gotta work on that preload(and on webkits somehow counting width wrong). Either way, thanks for your help, you both, I’ll definitely take a look at that packing.