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 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.

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 java script (not JQuery).

Use JQuery anywhere where you can.

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