Web Design

225

CHAPTER

Adding Interactivity and Multimedia 9

● When viewed in the browser,

the image slider is visible.

( Type $(‘#slider’).
nivoSlider();.

) Type });.

q Press.

w Type .

22

19 20

TIPS

Are there other configuration options available?

Yes. The slider allows you to set the animated

effect, the speed of the animation, the appearance

of the buttons that allow the user to navigate

through the images manually, and more by setting

additional parameters in the script. All of these are

detailed on the Nivo slider home page at http://

nivo.dev7studios.com/.

Is there a limit to the size of images I can use?

No. As long as all of the images are the same size,

the slider works with any size images. Keep in

mind, however, that all of the images load when

the page first loads, so you need to take that into

account when setting up your images.