COMP125 Client-Side Web Development Spring 2023 ASSIGNMENT #2 DOM
CENTENNIAL COLLEGE PROGRESS CAMPUS
COURSE COMP125 Spring 2023
ASSIGNMENT #2
DOM
Refer to the example (photo gallery) int the chapter 5 to include the following features:
1. (20 marks)Can switch between “show fewer images” and “show more images”.
2. (15 marks)Can view the imgaes by “left arrow” and “right arrow”.
3. (15 marks)When the user clicks on a picture and it opens a window containing a zoomed version of the image.
4. (10 marks)Use the setInterval() method to make the photo gallery images advace automatically.
5. (10 marks)Use the clearInterval() method to enable users to cancel the photo gallery slide show.
6. (15 marks)Add the pic to a favorites’ area at the bottom of the first page.A maximum of 5 pics can be added to the favorites. After that a message is displayed to remove at least a favorite first.If the user clicks on a favorite, a Remove link (button) shows up next to that picture. If the user clicks it, the pic is removed from the favorites.
7. (10 marks) Use good web design practices to enhance visually your html page. Add a title, picture, copyright line, etc.
Others
(3 marks)Specification: including naming specification, file structure, code specification, code comment, etc.
(2 marks)Submission specification: the compressed sourcecode named “COMP125_A2_YourName”.
This assignment is due on April. 14 at 23:59 pm. Late assignments are accepted two more days after the due date and they are marked out of 80%. Submit your assignment to Chao Xing.
Basic screenshots for the functionality of this assignment are shown below:
