A very important aspect of this website is the gallery, because it can show off to the user of the website what they are instore for, but then again not giving away too much about the exhibition.
I downloaded the java-script and placed it into a folder called ‘JQuery-Gallery’, this java script file will allow for the animation on the gallery, and allow the images to enlarge across the screen.
I then created a link to the folder containing my ‘java-script’ file within my ‘index’ file, to allow for the java-script to work on my gallery.
Here is the code that I implemented into the ‘index’ file of my website, that allowed me to link my images into my gallery.
Here is screenshot taken from my website, showing the gallery and how it looks before selecting any of the images. The good thing about this gallery I have used in particular is that you don’t have to use two separate images, one for the thumb nails and the other for the larger images.
This gallery allows you to only use the large images, and then they are resized for the thumb nail images.
Here is a screenshot of the image enlarged, once selected via the thumbnail.