CSC 370: Week of 2/1/10

CSC 370: The Week beginning Feb. 1

Homework:
Muybridge Film Strip. Write a page that allows the user to choose a number between 1 and 11 that corresponds to the number of frames in a "film strip". When the button is clicked, use a for loop to construct the film strip. I used a table, each row had three cell. The first cell holds an sprocket image (SprocketLeft.gif); the second cell holds a horse image which changes with each row (horse1.jpg, horse2.jpg, etc.); the third cell holds the other sprocekt image (SprocketRight.gif). I made the table's background color to black, and I had to set the height attribute of the images. (Uses MuybridgeStripImages.zip) Post it and send me the hyperlink.

Due: Feb. 9
Tuesday:

Egon Schiele Trees (a simple slide show using iframes, and the target attribute of anchor tags). Zipped file for Schiele page

Simple Log On Page (uses simple JavaScript and Smile.jpg)

Multiplication Tables page (uses drop-down list onchange event to call function which uses a for loop to build up a table.) Zipped files for Multiplication Table page
Thursday:

Some JavaScript loop examples:

Falling.htm
FibbonacciRabbits.htm (uses rabbitPair.gif)

Kolar Assignment
Design a page like the one shown below

There are two image elements and below them two selects (drop-down lists). When the user selects an image from the drop-down list, the corresponding image will be displayed in the image element. There is a file Select.jpg to display before the user has selected an image. (There may be a timing issue in which the file doesn't display the first time it is chosen. For now it is OK if the user selects a different image, returns to the first, and then it displays.)

In addition to files corresponding to the full painting, there are files corresponding to 16 vertical slices of the painting. When the user clicks on the button, use a loop to display alternating slices from the two paintings. You should set the height of the images but not the width. The width will adjust to correspond to the height, whereas if you set both you may change the "aspect ratio" of the image (usually undesirable).

(Needed files: Kolar2.zip.)