Mr. Sijpheer

Here are your instructions for today (creating a cool image gallery):

1. In your Web 2 folder, create a new folder called "Animal" - ave everything you do today in that new folder.

2. Create a web page using Notepad that has the following, save it as "animal.html":

a background image of your favorite animal
a title (in the head section) that says "May 21 Web Page"
An H1 heading that also says "May 21 Web Page"
A paragraph about your favorite animal
A Link a website about your favorite animal

2. Find and save 10 pictures of your favorite animal

3. In the HEAD section of your web page, copy and paste the following code:

//Pixelating Image slideshow
//Copyright Dynamic Drive 2001
//Visit http://www.dynamicdrive.com for this script

//specify interval between slide (in mili seconds)
var slidespeed=3000
//specify images
var slideimages=new Array("photo1.jpg","photo2.jpg","photo3.jpg")

var imageholder=new Array()
var ie55=window.createPopup
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}

function gotoshow(){
window.location=slidelinks[whichlink]
}

//-->
</script>

4. In the above code, after you have pasted it in, you will see a a line that starts with "var slideimages...." - you need to change the names of the photos listed there (photo1.jpg....) to the names of the 10 photos you have saved.

5. In the BODY section of your web page - you need to copy and paste the following code where you want your image gallery to appear.

//-->
</script>