C H A P T E R  2

A Rollover Picture Gallery

Artists or retailers of greetings cards may ask you to create a rollover picture gallery. These galleries are also great for almost any project, including retailers with multiple pictures of products, restaurants with menus, non-profit organizations with pictures of events, and so on. The rollover effect works when the cursor is hovered over a thumbnail picture, this causes an enlarged version of the image to pop up. This chapter demonstrates how this can be achieved using CSS without resorting to tables or complicated scripts.

I am most grateful to the portrait artist Ann Roe Jones for allowing me to use the images from the web site I created for her. The cards depicted are based on her superb paintings. ...

Get Practical HTML5 Projects now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.