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 ...

Get JavaScript Step by Step 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.