Skip to content

dschanoeh/exif-js

master
Switch branches/tags
Code
This branch is 26 commits ahead, 18 commits behind exif-js:master.
Contribute

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

exif-js

This is a library that supports client side EXIF parsing inside the browser. Images are taken from the DOM and the gathered EXIF information is used to generate an overlay that is displayed when hovering over the image.

The original library that does the EXIF parsing was done by @jseidelin https://github.com/exif-js/exif-js. The additional script in this repository can be integrated in any website where it will process all images and add a hover overlay with the most relevant EXIF data. Images without EXIF information are automatically ignored. In the image below you can see this script in action:

By default only the most basic information is displayed but the script can easily be altered to generate different EXIF output.

Example

Download the source code and open the index.html file inside the example folder to get an impression of what the overlay looks like.

Usage in Wordpress

The integration in Wordpress is straightforward. Just place the four files on your webspace and add them to the header.php

<script type="text/javascript" src="exif/exif.js"></script>
<script type="text/javascript" src="exif/replaceImages.js"></script>

<link rel='stylesheet' href='exif/style.css' type='text/css' media='all' />

About

JavaScript libarary for reading EXIF image metadata

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 96.9%
  • CSS 2.2%
  • HTML 0.9%