(R561) Clickable Image Maps with Frames

An impressive use of frames occurs when you link two or more frames on the same page so that clicking on a region in one frame activates an image in an adjacent frame on the same page. A typical example is a low resolution image in one frame which activates high resolution zoom images in an adjacent frame. For example, in the left frame you might have a map of a city, such as Seattle. Clicking on the North end in the left frame fills the right frame with a higher resolution view of the North end of Seattle; clicking in the middle of the left frame fills the right frame with a higher resolution view of central Seattle, and so on.

We illustrate this with the same clickable map used in the section on Clickable Image Maps, but instead of activating text on a subsequent page, it activates images which appear in an adjacent frame on the same page. The clickable image resides in the left frame and the selected images appear in the right frame.

• A manual way Manual Clickable Images with frames which is free and works on all platforms.
• A semi-automated way which uses specialized low-cost software such as the LiveImage program
• And a fully automated way which uses higher cost web authoring tools such as MicroSoft's FrontPage

Class Topics

Graphics Design Based on Edward Tufte's Principles

Using the Graphics Equipment in the Vislab

Clickable Image Maps

Scrollable Frames

Clickable Image Maps with Frames

Simple Animated GIFs Using MS FrontPage

Interactive Animation Using MS Liquid Motion

Exporting PowerPoint and Other Graphics to the Web

3D Animation Using VRML

Incorporating Plugins in Your Browser

Using and Adapting Java Applets

©1998 UW Computing & Communications