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