Javascript - Lightbox 2.0

'Lightbox 2.0' is the name give to the javascript I have used in my website. It comes in an already coded form however, I still needed to include various bit and pieces in my html file in order for it to work.

http://www.huddletogether.com/projects/lightbox2/ 

Firstly, a Lightbox is just a another fancy way to view images rather than just having a basic link that goes to a larger version of an image. Once the thumbnail has been clicked on it makes the whole screen go dark and a white box is then bought up with the image inside.

Above is a screenshot that demonstrates what the javascript does. As you can see there is a dark tint on the background and this promotes the image in the middle. Lightbox 2.0 also allowed me to leave comments at the bottom left of the lightbox for purposes of 'reference' ( at least this is what I used it for).

Now in order for me to get the javascript working I needed to edit and add certain things. So firstly, I needed to, once downloaded, make sure my folder structure was correct or rather once I added the javascript folders to my own website folder I needed to make sure that the files included in the Lightbox 2.0 all had the correct paths (since it is set to it's own default path).

So with that sorted out I needed to copy this code to every page with javascript inside it.

The code in the top image is simply linking the html page to the javascript pages and the single line of code below is linking to the CSS code, which comes with the Javascript.

After I had done this the javascript on my site was then active and worked really well.