JAVASCRIPT

Implement a simple Image gallery using Ajax and JQuery.

Features:

Your page should be able to display the pictures that are specified in the file. The file contains the names of the jpg files in the order that they need to be displayed. With each file name, there is the information about how long a picture should be visible if the user does not click on Previous or Next button. When the last picture is displayed it is followed by the first picture on the list. The previous picture for the first picture is the last picture, and the next picture for the last picture is the first picture

If the user clicks Previous or Next button, it immediately shows the previous or the next picture in the list.

The user can use an Update button to load and update the picture list from the file, and show the first picture in the list.

Guidelines:

All pictures in the list can be found in the same folder of your choice.

The list is loaded from the file using AJAX and the javascript (not JQuery).

Use JQuery anywhere where you can.

Use animation to transition between two pictures. At a minimum, you must use fade in and out.