Home Work Assignment 5 (due 30 Sep 2016)
Create a HTML page with embedded Java Script that displays a
random image every time it is loaded. You have six images to
work with.
Since this is your first Java Script exercise follow the steps given.
- Create a simple HTML file that displays any one given image.
Make the size of the image 640 pixels by 480 pixels. There
should be header Galaxies .
- Now add a single line of Java Script that allows you to
display that image.
- Create an array in Java Script that stores the names of the
image files.
- Make sure that you can display your chosen image when you
replace it as a Java Script array element.
- Create a random index as given in class and use that to select
a random image.
- Create a simple CSS file that allows you to add color and
font information and float the image.
- Create a border around the image and a caption. The captions will
also be stored in another array and extracted using the same
random index. The caption will be the names of the images as
given in the write up.
Your HTML file will be called hwk5.html and your CSS
file will be called hwk5.css. Your .html, .css, and your
images should be in a sub-directory called hwk5. We should
see the link to this page in reverse chronological order in your
index.html file by 11 pm Friday 30 Sep 2016.