The images will be the size that they actually are. Changing that by css, if they're too big won't help with smoothness. The current code creates no scrollbars and doesn't have a problem with scrollbars in modern browsers. If you want a style hook to the images add the highlighted:
Code:
$master: $('<div id="fallrisemaster" style="position:fixed;top:0;left:0;"></div>'),
Now you can style the images in a stylesheet like so:
Code:
#fallrisemaster img {max-width: 60px;}
But I don't recommend that. It's best to make the images as small as possible (not too small, you still want to see them) in an image editor and just let their native dimensions be used. Byte size also matters. If you can make each image use less bytes, the effect will load faster for first time visitors.
The Leaf#.png images you have are already pretty good (small and easy to see). After I downloaded 12 through 15 though I had a problem with them in IE 10. They weren't loading in that browser. I re-saved them in The Gimp. They got a little smaller byte wise and now worked in IE 10:
http://home.comcast.net/~jscheuer1/side/jqfallrise.htm
The images are in:
http://home.comcast.net/~jscheuer1/side/leafimages/
but you cannot navigate there. You can if you use a filename of the image, like:
http://home.comcast.net/~jscheuer1/s...ges/Leaf12.png
then you can see and save the fixed versions.
Bookmarks