Project 4. Description.
In this project you need to complete the Image Show page and data validation on the
file upload page. More precisely, you need to do the following:
- Implement the slide show. That is, you need to let the user an option to click on the
Slide show button and enjoy viewing the pictures without clicking on the Next
button. The time interval between the images should be taken from the text input box. Please
note that the user should be able to control this interval without interrupting the show.
Also remember that the user sets the interval in seconds and both setTimeout
and SetInterval methods use milliseconds.
- In the Image Show page you also need to implement one more feature. When user clicks on the big image
you should:
- open a new browser window
- display the image user clicked on in the window in full image size
- display all information about this image
- display the Close button that closes this window
- Note that all the contents of the new window should be created dynamically.
- In the input form page you need to add regular expression check against the date and time values.
In other words, you need to design regular expressions for date and time and upon user's click on the
Submit button you need to check if the values entered in the date and time input fields match
these regular expressions.
Extra credits
To get some extra credits you may do one or all of the following:
- appropriately resize the new window that will display the image in its full size
- allow the user use several different formats for date and time, for example, mm/dd/yy,
mm/dd/yyyy, mm-dd-yyyy, or even Month dd, yyyy, check if the input
matches one of the formats and then convert the input into the mm/dd/yyyy format.
- When user entered a new value within the file name field, check that the extension of the
file matches one of the image extensions (jpg, png, bmp, gif, etc) and then display the image
next to the input form (dont forget to resize it)
If you go for an extra credit, please make a note on the page to let me know what else I should grade.
Note: do not forget to update the link to this project on your home page. I repeat: DO NOT FORGET
to update the link on your main page.