Question: In this assignment, you'll develop an Image Gallery application that displays different images when the user clicks on the links at the top of the

 In this assignment, you'll develop an Image Gallery application that displays

In this assignment, you'll develop an Image Gallery application that displays different images when the user clicks on the links at the top of the page using jQuery. Image Gallery Upper Kings Lower Kings Big Horn South Fork Lures Catching on the South Fork 1. Download and unzip assingment5.zip file from Canvas-Assignments-Assignment5 and then run the html file to see the user interface shown above, although that interface won't do anything until you create the JQuery code. 2. In the index.html file, add the document ready method. 3. Use each method to run a function for each element in the unordered list of items. Then, add jQuery code that gets the href and title for each image and caption. 4. Add a function for the click event of each link. The function for this event handler should include a parameter named evt. The jQuery code for this event handler should display the image and caption for the clicked link. In addition, add the code to cancel the default action of the hyperlink. 5. Add a jQuery statement that moves the focus to the first link on the page when the page is loaded. Submission Guideline: You should zip all files and upload the zip file to Canvas-Assignments-Assignment5 before the due date. In this assignment, you'll develop an Image Gallery application that displays different images when the user clicks on the links at the top of the page using jQuery. Image Gallery Upper Kings Lower Kings Big Horn South Fork Lures Catching on the South Fork 1. Download and unzip assingment5.zip file from Canvas-Assignments-Assignment5 and then run the html file to see the user interface shown above, although that interface won't do anything until you create the JQuery code. 2. In the index.html file, add the document ready method. 3. Use each method to run a function for each element in the unordered list of items. Then, add jQuery code that gets the href and title for each image and caption. 4. Add a function for the click event of each link. The function for this event handler should include a parameter named evt. The jQuery code for this event handler should display the image and caption for the clicked link. In addition, add the code to cancel the default action of the hyperlink. 5. Add a jQuery statement that moves the focus to the first link on the page when the page is loaded. Submission Guideline: You should zip all files and upload the zip file to Canvas-Assignments-Assignment5 before the due date

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!