Rainforest Action Network

http://www.ran.org

Dissected version

Source

Complex JavaScript for dynamic menu at top

Lots of CSS rules

Top Outer Masthead is 100% wide, but inner tables align left by default. A background image lets the color bars stretch out with the browser window.

A series of images in one image, plus some fancy compression based on "frame differencing"

Frame 1	Frame 2	Frame Difference

source fireworks png

In 100^ths of a second.

Each frame can have its own timing value

You can set the number of times to loop from 1 to forever

Cludgy User Interface.

Main things to remember:

1. Use the Frames palette
2. Double click in the Layers palette on a Layer Folder and set "share across frames" for elements that are constant throughout the animation
3. Any new Layer Folder you add will be added to all frames, but will have no images in them unless you check "share across frames"

Demo

Main things to remember:

1. Use the Frames palette
2. Any change to a layer is changed in every frame
3. You change the look of a frame by turning individual layers on and off

Try building these pages. It combines table layout and stylesheets.

SOURCE for all three layouts