Slideshow extras.. tables

assaberan · Joined: 10 May 2007 Posts: 1

hello,
this is my current code

<script type="text/javascript">
// create array and set current Slide
var pics = new Array("pic1.jpg","pic2.jpg","pic3.jpg","pic4.jpg","pic5.jpg");
var currentSlide = 0;

//Change to Next Picture
function NextImage() {

currentSlide = currentSlide +1;

if(currentSlide >= pics.length){
currentSlide = 0;
}

document.picture.src=pics[currentSlide];

}
//Change to previous picture
function PrevImage() {

currentSlide = currentSlide -1;

if(currentSlide <= -1){
currentSlide = pics.length -1;
}
document.picture.src=pics[currentSlide];
}

}
//add image
function addImg() {
var response = prompt("Enter the Url of your image","")
pics.push(response);
}
</script>
</head>
<body>

<center>

<h2> Jason's Slide Show</h2>
<img src="pic1.jpg" name="picture"><p>


<a href="javascript:PrevImage()">Back</a>
<a href ="javascript:NextImage()">Next</a>
<a href ="javascript:addImg()">Add</a>

</center>
</body>
</html>

this is what i need to do:

Include a listing of the available images
in a table. This table should be updated when a user adds an image URL. Create a custom
dialog window that collects information about the image – category, author, dimensions. The dialog
can be opened for the current image, or from a link beside the target image in the listed table.

The table to be generated will list each of the images currently known. Each row will include a link to
the image that will make the image the current image displayed in the slide show. The table will also
list the category, author, and dimensions of the image (as captured from the dialog). A link will be
available here to edit this information by opening the dialog window.
The dialog window will contain 4 form elements. A select list for categories, a text box for an author's
name, and two text boxes for the height/width. The list of categories will be known when the page
loads, but will be stored in an array so future code can add/remove categories if needed.

i have very little experience in javascript and any help would be amazing.

note: my addimg function does not work.