1. Create a HTML page with five images of your choice. Various button elements will also be used as described below. Be sure to include the wrappedElement style class from the lecture examples used for the image samples. Do not apply the style to the images yet.
2. Using the jQuery library, provide the following functionality. The code should work irrespective of the number of images included in the web page:
a) When the browser loads the page, add the wrappedElement class to all the image elements.
b) Clicking on the "Hide All Images" button should hide all the image elements immediately.
c) Clicking on the "Show Even Images" button should show the even image elements using slow speed.
d) Clicking on the "Show Odd Images" button should show the odd image elements using slow speed.
e) With all the images showing, clicking on the "Right Shift" button should take the last image element in the list and insert it before the first image element.
f) With all the images showing, clicking on the "Left Shift" button should take the first image element in the list and insert it after the last image element.
To ensure a good grade, add additional work to style the page and form elements. Just be sure to provide original work for all aspects of the assignment.