When the cursor is placed on top of the picture, it changes. Use this effect to light up an item, change to a smiling face, shed a layer to reveal what is below, have a person's clothes drop off, etc.

The following has a link when clicked with a mouse.

Landing on above picture icons also changes the next image (which usually contains a help or more detailed message/picture.)


This demonstrates non-systematic names with clicks.
  1. Back to Smile
  2. Sirintip
  3. Cheng-Chung
  4. Paul
  5. Ibrahim
Here is another code to accomplish the same.
  1. Back to Smile
  2. Sirintip
  3. Cheng-Chung
  4. Paul
  5. Ibrahim
We add on/off dots to highlight the selection of the picture above. (With a little bit of javascript, we can make the black dot stay and match the picture.)
Back to Smile
Sirintip
Cheng-Chung
Paul
Ibrahim
Here are on/off dots lined up horizontally to highlight the selection of the picture above.

Place the cursor on top of numbers to display different pictures from my family album (which is systematically numbered). One can use the same technique to display a picture of different instruments/objects (or its operation with animated .gif), a picture and/or detailed descriptions of a series of steps (e.g., step 1, step 2, etc.), a picture of a particular person from a list, or a series of steps an exotic dancer goes through (off with the hat, off with the shirt, etc.)

Click to change pictures:

| 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 |

Simply place the mouse over to change pictures and click to show a movie:

| 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 |

Of course, after a while you get tired of writing the above. The following is written with very simple JavaScript. You cannot simply view the source code with |View|Page Source|; you need to download the .htm file and view it with an editor.

©1996-1998 by Nam Sun Wang