jQuery Image Annotation plugin with PHP support

For GSL we wanted a tool to offer image annotation support, we found fotonotes (which is a hardcore overkill imho) and after that we found jQuery Image Annotation plugin by Chris.

Unfortunately the plugin had no support for PHP api, so I said to write it.

I wanted also to test my github account for long time, so this was also a good reason to do that, although, I might be back to my code.nerd.ro repository.

Check it out on GitHub, fork it, and I hope it will get merged into the upstream version, cause I don’t think I’ll get time to support/improve it.

:)

(Update on 4th Sept) Issues were reported already, and can be checked on GitHub.

9 thoughts on “jQuery Image Annotation plugin with PHP support

  1. And I think it is very cool, I like *a lot* what you did on the FLOSSCamp group photo.

    Unfortunately, there are some weaknesses when concurrently editing, or at least this is what I believe happened the other day when I was adding labels and some of them mysteriously disappeared :D

  2. wow, great idea on adding php support to this nice script.
    for some reason it adds the info to the »data.csv« but doesn’t display the info on the image.

    also, what happens if you have more then one image on a page? (since it doesn’t display, i can’t test ;))

  3. hi stat,

    I’m nicholas.
    I have question would like to ask regrading the this php support.
    what i need to do or what need to modify in current chiris’image annotation script?
    I’m a amateur to these coding but i’really liked the image annotation function,
    now the only thing is i don’t know how to save these annotation.
    I’m running a blog which features korea pop girl group called Girls’Generation” .
    Hope to hear from you soon ^_^.
    This the link to my blog: http://snsd-life.blogpsot.com
    I’m really thankful to your effort of this features~~~~

    nicholas

  4. Hi Nicholas,
    the php support regarding the plugin is limited only to the API (get, save and delete annotations). You don’t have to modify anything in the javascript, just tell the script the paths to your php files (get.php, save.php, delete.php) which you need to place on the same domain with the javascript (cross domain requests are not supported by javascript. or you need to proxy them).

    You can see an example at http://camp.softwareliber.ro/2009/membri

    Good luck.

  5. Hello Stas,

    Your Plugin looks very nice as seen by the Demo. I will be going to implement it into PHP-Fusion.

    I downloaded all the Project files for testing purpose from the GITHUB Link.

    For test, I tried to run the example_usage.html on my Localhost. Its showing it fine but when I am trying to add a TAG, its showing me alert "An Error occured saving that Note".

    Can you please tell me what could be the problem?

    Note: When I tested this on a Live Website, same problem. It give Warnings in Error Log :
    [07-Jul-2011 05:01:48] PHP Warning: fclose() expects parameter 1 to be resource, boolean given in /home/ankur/public_html/tag/php-api/jQueryAnnotate.class.php on line 195
    [07-Jul-2011 05:01:51] PHP Warning: fclose() expects parameter 1 to be resource, boolean given in /home/ankur/public_html/tag/php-api/jQueryAnnotate.class.php on line 195
    [07-Jul-2011 05:02:04] PHP Warning: fclose() expects parameter 1 to be resource, boolean given in /home/ankur/public_html/tag/php-api/jQueryAnnotate.class.php on line 195

    • Sorry Ankur, but the project is dead. I'm not maintaining it any-more, though there are plenty of alternatives to opt for.

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile necesare sunt marcate *

*

Poți folosi aceste etichete HTML și atribute: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>