Hover Gallery

Each picture is inclosed in an anchor to link to other pages. The onMouseover can be inclosed in a p or h tag if you don't need a link. Also the small pictures can be replaced with text.

In this example I did not resize the images. I used styling to reduce the size of the images for the menu.

The large image and the menu can be positioned and styled with CSS.

Insert the path to your images into the preload section of the script and insert into the head of your page.

Modify the image paths and insert the html where you want the large image and the menu to display.

Link to origional.

♠ ♣ ♥ ♦