Displaying exif information when hovering over a picture

[alan_sh]

Is this possible? If so, how?

Thanks

Alan

[Pablo]

The browser will use the description property for tooltip. If the image has an exif escription then this will be populated automatically when you add the image to the page.

[alan_sh]

I can't seem to get it to work automatically. I can manually populate it, but I'd like it automatic. What arcane magic do I need to invoke?

here's a one picture example: https://www.dropbox.com/s/suqi3uorp0qad ... t.zip?dl=1

I must be doing something wrong.

[Pablo]

The exif 'title' field in the image is empty.
You can set it via the properties of Window explorer.

[alan_sh]

Pablo,

Are you saying that the title field in the exif information needs to be filled out before tooltip will show the exif information? Because I cannot seem to change that field.

Alan

[alan_sh]

OK - I managed to set a title. But tooltip just displays that title - not the Exif data I want (like F stop, shutter speed etc.).

Is there a way to do that?

Alan

[Pablo]

Is there a way to do that?

No

[BaconFries]

@alan See the following url
https://www.codespeedy.com/read-meta-da ... avascript/
github source
https://github.com/exif-js/exif-js

[alan_sh]

Oh wow - way beyond my comfort zone. How would I use that in WWB?

Alan

[pmacdonald]

Hi Alan,

How you would use it I guess depends on what you actually want to do with it.

Using that script that Bacon referenced, excellent find on his part by the way, I cobbled together an example.
I'm sure it isn't exactly what you want and it isn't pretty, but it is a proof of concept that the data can be extracted and displayed. I can see how this could be made into an extension once you had the specifics of how it was to be used nailed down.

try this link: http://faculty.cbu.ca/pmacdonald/exif/
You can click on either image, or the button in the case of the 2nd image, and the exif data will be displayed in a dialog box.

I've not packaged up a project for sharing before so I'm not certain I've done this correctly but here is the link to the project files if interested.

http://faculty.cbu.ca/pmacdonald/exif/exif.zip

I hope this was of some value to you.

Regards

Parker

[BaconFries]

Oh wow - way beyond my comfort zone. How would I use that in WWB?

Hi Alan sorry for not getting back to you. As you can see from Parkers reply (thanks Parker) this is one way it can be done. As mentioned a possible extension maybe?

[alan_sh]

Very nice. Thank you Parker. I will investigate.

You can remove the zip file if you don't have space - I've got it - and the test page.

Alan