Reputation: 2566
I've been working on this: http://markpetherbridge.co.uk/workingon/swots/
As you can see, the images seem to jerk when I would like one to fade into another smoothly. Any Ideas?
Much Appreciated
Upvotes: 0
Views: 871
Reputation: 2566
Ahhhhh I seem to have fixed it. The images were loading underneath eachother not on top of eachother. Setting the position top: 0 and left: 0 seems to have worked.
Thanks guys
Upvotes: 0
Reputation: 4278
First, you are using images with 4mb of size, too heavy to initial load.
If you want them not distorted you have to take off the height:100%
of the image, so it will be cropped.
Upvotes: 1
Reputation: 100751
You're using huge images so this is overkill for browsers. You should also consider integrating CSS3 animations as those are usually rendered a lot smoother than javascript-based animations.
Upvotes: 0