Examples for Chapter 12

Several of the examples on this page use images of thin-section geological slides kindly supplied by Rob Gill of GeosSec slides. All the images of geological slides are copyright GeoSec slides and may not be reproduced without permission.

• p. 467, Image Dragging

  In case you find Figure 12.8 a bit confusing, drag the central image using your mouse and you will see different parts of the thin-section geological slide through the aperture as the image moves. Notice that you are able to see the edges of the slide, because otherwise you would not be able to see everything in it.

• p. 469, Simple Interactive Animation

  The individual frames shown in Figure 12.9 show how the elements of the animation rearrange themselves as the mouse is moved, but they cannot convey the way the mouse movements are translated into motion in the frame. This version of the animation is intended to be a simple schematic demonstration of the principle. You can see how moving the mouse in different directions causes the two component animations to move in different combinations of up/down and left/right. Much more attractive and interesting interactive animations than this can be created in the same way by controlling different pairs of movies.

• Note

  The next three examples are either self-contained pages or too large to fit conveniently within this page, so we have provided links which will open them in a new page or tab in your browser. The page that opens will not have the navbar for this site, so close the window when you have finished with it to return here.

• p. 470ff, Thin-Section Geological Slide Viewer

  This is a working version of the Flash application illustrated in Figure 12.10 and described in the accompanying text. It is the same application that we used in Chapter 1 to introduce multimedia. You can download the source from the page of examples for Chapter 14.

  The actual slide movie displayed in the player is quite a bulky file (over 10MB), so performance may be sluggish over a network connection. We have only included a single movie in this example, so the button marked X, for switching to a view under cross-polarized light, does nothing. (See Practical Task 7 in Chapter 14.)

  Try the slide viewer (in a new window)

• p. 471, Image Gallery

  View the image gallery (in a new window)

• p. 473, Tabbed Panels

  The tabbed panels illustrated in Figure 12.13 were made using a Spry widget. The content is illustrative, but should be accurate.

  View the tabbed panels (in a new window)

• p. 478, XHTML Form

  You can find a page containing this form (although submitting it has no effect) on the support site for Web Design: A Complete Introduction, under Examples>Ch3. It is Figure 3.9, at the bottom of the page.

• p. 487ff, Kuler

  Here is a direct link to Kuler. At the time of writing, Kuler requires Flash Player 10.0.12 or higher.