Question: This must be written in HTML 5 + Javascript You are going to create a small photo gallery. You are displaying 3 thumbnail type pictures.

This must be written in HTML 5 + Javascript

You are going to create a small photo gallery. You are displaying 3 thumbnail type pictures. When a user clicks on the thumbnail picture a larger version of the picture will be displayed.

Place a minimum of 3 pictures in an array (your 3 thumbnail pics)

Use javascript to display the thumbnail images on your page, making sure they are being printed from the array.

Create a div that holds the a larger version of each thumbnail image. It will only hold one large image (you choose the default) and will change depending on which thumbnail image is clicked. (When someone clicks on the thumbnail, the larger version of the image will display here).

Create a function - Your should write a function that gets called when any of the three thumbnails get clicked. Your function must make the decision of which image the click was from, and display the larger version of that image in the large div. (created in step 3)

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!