Lytebox with javascript Exif Data

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, but this is the first time I have seen of combining Lytebox with the javascript Exif plugin.

This version of Lytebox actually displays the exif data at the same time as the image. It took me many days to actually make it work but I finally managed it. It still doesn’t work in Opera or Safari but it does work for Firefox and IE.

I will bundle the files into a download so that people can use it and will attach it to this post, but I am very impressed that I managed to create the first javascript gallery that uses javascript to extract the Exif data from a photograph.

IMPORTANT UPDATE – 2008 / 10 /28

I have updated this post to include some Online Examples with the plugin in action! You can also now Download the files. I am sorry it has taken this long to get the files to you guys but it was finding the time to do it.

This entry was posted in Rant Corner, Web Development and tagged , , , , , , , , , , , . Bookmark the permalink.

7 Responses to Lytebox with javascript Exif Data

  1. sesam says:

    Hello,

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

    Thanks!

  2. Jason Ashdown says:

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

  3. Alex says:

    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 …

  4. dan says:

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

  5. Jason Ashdown says:

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

  6. William says:

    http://pavel.kuzub.com/lytebox

    There had already been a lytebox with exif/data.

  7. Jason Ashdown says:

    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.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>