Chapter 4. Image Basics

One of the best uses of JavaScript is to add visual interest to Web pages by animating graphics, and that's what this chapter is all about. Making an image on a Web page change when the user moves the mouse over the image, thereby making the page react to the user, is one of the most common—and effective—tricks you can learn in JavaScript. This rollover, as it is called, is easy to implement, yet has many applications, as you'll see.

In this chapter, you'll learn several ways to implement rollovers on your pages, and how to use functions to make coding multiple rollovers easier.

Table 4.1. Just Enough HTML—Images

TAG

ATTRIBUTE

MEANING

img

 

Contains the attributes that describe the image to be displayed by the browser

 

src

Contains ...

Get Javascript for the World Wide Web: Visual Quickstart Guide, Fifth Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.