Answered step by step
Verified Expert Solution
Question
1 Approved Answer
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 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
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started