I had to display several photos where the user can click over an interesting point and have its coordinates passed through a form.
Of course, it was a bit more complicated, but this is the code i want to share with you.
Let’s assume we have a photo like this:
If you continue to click on the photo, you will see pointer changing its position, same thing with x and y coordinates
How can it be done?
You can try this script, obviously changing path and styles according to your needs
Tested both on Firefox and Explorer, it seems to work well.
Enjoy and give me feedback.