DCCCD Java Programming Lab 9 Photo Gallary With Navigation Bar

Lab 9
Attached Files:

lab9.zip (440.781 KB)

Objectives:

Create a photo gallery
Create an animated navigation bar

Description:
In lab 9, we will be creating a page with a photo gallery and an animated navigation bar. The html and images have been provided in the attached file. For the photo gallery, you will write the script to allow a user to click on a thumbnail image and have it display as the large photo on the page. You will also add code to highlight the thumbnail images with styles when they hover over each one. For the navigation bar, you will be using a plugin to create dropdown menus for sub-items in the main menu.
Requirements:

For this lab, you will be working with the mums.html page attached to this assignment.
At the bottom of the page is a div called gallery. It includes a large image and 5 smaller thumbnail images. You will covert this section into a working photo gallery:

Add a hover effect to each of the smaller images to add a thin dark green border and box shadow when hovering over the image and remove it when you move off the image.
Add a click event to each of the smaller images to replace the src attribute of the larger image with the src attribute from the clicked image. Then take the alternate text from the small image and use it to replace the text under the large image.

Create an animated navigation bar for the links in the nav section of the page.

Download the smartmenus jQuery plugin
Modify the HTML and JavaScript to create the navigation bar.

Upload your files to the server. Test and submit the assignment.

Lab Requirement
Point Value

Create rollovers for all the thumbnail images

20 points

Create a click event to display the thumbnail images in the larger image along with their title
25 points

Convert the nav section into an animated menu using the jQuery SmartMenus plugin
25 points

Page displays and script executes according to specification on the server

5 points

Total:

75 points

“Place your order now for a similar assignment and have exceptional work written by our team of experts, guaranteeing you A results.”

Attachments
20190412171939lab9 (441 kB)

Our Service Charter

1. Professional & Expert Writers: I'm Homework Free only hires the best. Our writers are specially selected and recruited, after which they undergo further training to perfect their skills for specialization purposes. Moreover, our writers are holders of masters and Ph.D. degrees. They have impressive academic records, besides being native English speakers.

2. Top Quality Papers: Our customers are always guaranteed of papers that exceed their expectations. All our writers have +5 years of experience. This implies that all papers are written by individuals who are experts in their fields. In addition, the quality team reviews all the papers before sending them to the customers.

3. Plagiarism-Free Papers: All papers provided by I'm Homework Free are written from scratch. Appropriate referencing and citation of key information are followed. Plagiarism checkers are used by the Quality assurance team and our editors just to double-check that there are no instances of plagiarism.

4. Timely Delivery: Time wasted is equivalent to a failed dedication and commitment. I'm Homework Free is known for timely delivery of any pending customer orders. Customers are well informed of the progress of their papers to ensure they keep track of what the writer is providing before the final draft is sent for grading.

5. Affordable Prices: Our prices are fairly structured to fit in all groups. Any customer willing to place their assignments with us can do so at very affordable prices. In addition, our customers enjoy regular discounts and bonuses.

6. 24/7 Customer Support: At I'm Homework Free, we have put in place a team of experts who answer to all customer inquiries promptly. The best part is the ever-availability of the team. Customers can make inquiries anytime.