JavaScript Examples Bible - UserWorks Technologies

444
JavaScript Examples Bible: The Essential Companion to JavaScript Bible
background
Compatibility ✓
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Example
A simple example (Listing 31-2) defines one layer that features five buttons to
change the background image of a second layer. I put the buttons in a layer because
I want to make sure the buttons and background layer rectangles align themselves
along their top edges on all platforms.
As the second layer loads, I merely assign a gray background color to it and
write some reverse (white) text. Most of the images are of the small variety that
repeat in the layer. One is a large photograph to demonstrate how images are
clipped to the layer’s rectangle. Along the way, I hope you also heed the lesson of
readability demonstrated by the difficulty of reading text on a wild-looking background.
For an example compatible with IE5+ and NN6+, see Listing 31-13.
Listing 31-2: Setting Layer Backgrounds
function setBg(URL) {
document.bgExpo.background.src = URL
}
Layer Backgrounds
Some text, which may or may not read well with the
various backgrounds.
document.layerObject.background