ICS
225 Web Design and Implementation
Lab 6: Image Rollovers
Create a
directory called Lab6 and place all the parts of this lab in the directory.
For each
file, put the name of the file, your name and a brief description of the
purpose of the page in comments at the top of the page.
Part I. Image
Rollovers
1. Write a script which causes the
image on the screen to change with onmouseover and
with onmouseout.
Be sure to pre-load the images. See
the example on page 104. Substitute your
own images.
2. Write a similar script which, on
mouse over, simultaneously changes two or more images on the screen. See page 111 for an example. Substitute your own images.
3.
Look at this application and figure out how it works:
http://micro.magnet.fsu.edu/primer/java/scienceopticsu/powersof10/index.html
Hints:
There are
images on your computers that you can use.
Search on *.jpg or *.gif or *.bmp.
Or Google on "free images" to find
galleries of images that are available for your use.
Be sure to
upload your image files as well as your web pages to the server.
REMEMBER: All files names are case sensitive on the
server.