Functional Requirements

A set of image references and information about the images should stored in JSON format that is embedded in your script file.

When the program is loaded it should read the JSON and based on that data display the small images across the top of the screen taking up no more than 20-25% of the total screen height.

A larger (or scaled) version of the first image should also be displayed in the main section of the page underneath the small images.

Text information about the image should be displayed in a section of the page underneath the large version.

Clicking on one of the small images it should change the main display to a larger version of the clicked image along with the corresponding text.

Typing the left or right arrow keys should change the large image to the previous or next image accordingly.

Use objects in your JavaScript for each of the small images, the main image display and the contextual display.

UI Requirements

  • Page should have three sections.
  • A section to display the small images.
  • A section to display the large version of the currently selected image.
  • A section to display the textual information about the currently selected image.
Academic Honesty!
It is not our intention to break the school's academic policy. Projects posted are only used as a reference and should not be submitted as is. We are not held liable for any misuse of the solutions. Please see the frequently asked questions page for further questions and inquiries.
Kindly fill out the form. Please provide a valid email address and we'll get back to you in less than 24 hours. We will be sending an invoice through PayPal upon confirmation. We are a non profit organization however we need an amount to keep this organization running, and to be able to complete our research and development.