O'Reilly logo

JavaScript Step by Step by Steve Suehring

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 13. Working with Images in JavaScript

After reading this chapter, you'll be able to

  • Understand both new and old methods for creating rollover images using JavaScript.

  • Preload images using JavaScript.

  • Create a slideshow of images.

  • Enhance image maps using JavaScript.

Working with Image Rollovers

The term image rollover refers to changing an image when the mouse is moved over it, giving visual feedback to the visitor as to the location of the mouse on the screen. Though this technique has been largely supplanted by Cascading Style Sheets (CSS)–based solutions, you still can benefit from learning how it can be achieved using JavaScript.

Rollovers take advantage of certain events that relate to mouse movement on a computer. For rollovers, these primarily ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required