How was the cow game page made?

How were the pictures made?
How was the game made?

The pictures

Almost all of the pictures come from the Camner family photo albums, taken over the years. They were scanned using a flatbed scanner. Adobe Photoshop Elements 2.0 was used to enhance and alter the pictures. Macromedia Fireworks MX was used to export the pictures into a format suitable for the web (Fireworks was used because the file size produced seems smaller than the file size produced by Photoshop Elements).

The original snapshots and their final versions are given below.

go to top
The game

The game was made by using Javascript rollovers. <div> layers were created in a tableaux of three rows by four columns stacked three deep (for a total of 36 cells).
The bottom layer held the pictures. The middle and top layers were initially made invisible. The middle layer images are all the same: Laura’s head,a heart, and the question mark. The top layer held the images of Laura’s head and the crossed out heart (special top layers were created for the dog and cow images).

The onMouseOver and onMouseOut event handlers were used to toggle the visibility of the middle layer images. The onClick event handler was used to open the new window with the “answer” image and to make visible the top layer image while making invisible the middle layer image.