Lytebox with JavaScript EXIF Data

Posted on by

Recently I had to integrate a photo gallery for one of my work projects Sony Alpha, a new digital SLR camera from Sony. My task was to display both the EXIF data and the image at the same time.

For this project I had to create something new which I haven’t found on the internet before. It uses the popular Lytebox extension (a flavour of the popular Lightbox 2 JavaScript library) combined with a new JavaScript plugin that gathers EXIF Data for photos via JavaScript with AJAX.

Other conventional methods tend to use a PHP file that grabs the EXIF data and switches between the data in a tab. However, this is the first time I have seen Lytebox combined with the JavaScript EXIF plugin.

This version of Lytebox actually displays the EXIF data on the fly. It took me many days to actually make it work but I finally managed it.
Sadly it doesn’t work in Opera or Safari but it does work for Firefox 3+ and IE 7+.

I will bundle the files into a download so that people can use it (GPL) and will attach it to this post.

For me, this a major achievement to create the first JavaScript gallery that uses pure JavaScript to extract EXIF data from a photograph.

IMPORTANT UPDATE – 2008/10/28

Download the files here.

I have updated this post to include some Online Examples with the plugin in action!

I am sorry it has taken this long to get the files to you guys but it was finding the time to do it.

  • sesam

    Hello,

    I cannot fond the download link. Could you provide it to me?

    Thanks!

  • Jason Ashdown

    I shall put the download links up this weekend. Sorry for my laziness!

  • Alex

    I'm missing the download, too. It would be too interesting how you added the funtionality to lightbox, as I am working on the same problem …

  • http://www.imagesmith.com.au dan

    Hi Jason,

    Have you posted the links here yet? Not seeing them and am really curious to see how javascript will read the data

  • Jason Ashdown

    Updated the post above. Sorry it took so long. It contains a link to where you can download the files.

  • http://williaminmd.googlepages.com William

    http://pavel.kuzub.com/lytebox

    There had already been a lytebox with exif/data.

  • Jason Ashdown

    Thanks William but please read what I wrote. The link you gave does do exif data from a PHP file.

    Mine uses pure JS to read the exif data and simultaneously displays it along side the image (check it out: http://www.jasonashdown.co.uk/lytebox_with_exif/)

    Even now, I still haven't seen anyone create a mod that does it the same way as mine. Surprising since I thought it would be a most desirable feature.