Flikr style image annotations

[Nibbler]

Add text annotations to your images like on Flikr. Pretty cool.

Updated 2008-10-23

Version 1.1:
UTF-8 support
Apostrophe fix
Transparency fix

[Joachim Müller]

Wow, fantastic plugin - I really love it.

[Lontano]

absolutely grand!
Is there a way to give permissions to use annotate feature only to some user group? I have made a few tests on my gallery and noticed every registered user can annotate any pic, but I would rather prefere giving this privilege only to some groups.

PS. ah, forgot to mention: Thanks!!!

[Pascal YAP]

In my config, install through CPG PluginsManager do not work,
i need to create SQL table by hand !
like that :

Code:

CREATE TABLE IF NOT EXISTS `cpg143_notes` (
  `nid` smallint(5) unsigned NOT NULL auto_increment,
  `pid` mediumint(8) unsigned NOT NULL,
  `posx` smallint(5) unsigned NOT NULL,
  `posy` smallint(5) unsigned NOT NULL,
  `width` smallint(5) unsigned NOT NULL,
  `height` smallint(5) unsigned NOT NULL,
  `note` text NOT NULL,
  `user_id` smallint(5) unsigned NOT NULL,
  PRIMARY KEY  (`nid`),
  KEY `pid` (`pid`)
) TYPE=MyISAM ;

Where cpg143_ is my SQL config. Change with your personal SQL setup.

After this mySQL manual install, i need to remove at the end CODEBASE.PHP this function :

Code:

function annotate_install() {
    global $thisplugin, $CONFIG;

$sql = "DROP TABLE IF EXISTS `{$CONFIG['TABLE_PREFIX']}notes`";
cpg_db_query($sql);

$sql = <<< EOT

CREATE TABLE IF NOT EXISTS `{$CONFIG['TABLE_PREFIX']}notes` (
  `nid` smallint(5) unsigned NOT NULL auto_increment,
  `pid` mediumint(8) unsigned NOT NULL,
  `posx` smallint(5) unsigned NOT NULL,
  `posy` smallint(5) unsigned NOT NULL,
  `width` smallint(5) unsigned NOT NULL,
  `height` smallint(5) unsigned NOT NULL,
  `note` text NOT NULL,
  `user_id` smallint(5) unsigned NOT NULL,
  PRIMARY KEY  (`nid`),
  KEY `pid` (`pid`)
) TYPE=MyISAM ;

EOT;

return cpg_db_query($sql);
 }

Plus some cosmetics adjustments in /lib/Photonotes.css

And this plugin work very well. Very usefull.
PREVIEW in my personnal Gallery)

.. Some issues with accentuated characters("à", "é", "ç" and " ' " ), not an UTF-8 compatible !

PYAP

[skidpics]

By the preview, the plugin is wonderful!  But where are the docs for this plugin?  I installed just fine, and under my intermediate image is an 'annotate' button, but once clicked, it does not but refresh the screen?

-- Skidpics

[Farnsi]

awesome, thanks!
one question: Is it possible to put the button down to where the others are located (crop and rotate..)?

[bitcloud]

jesus christ... really??

nibbler you're some kind of rainman coder... this is awesome.. poetry infact!

[bitcloud]

yeah i'd like to see what farnsi suggested too... it's a bit out of the way where it is (it'd be good if you could maybe point us in the direction to customise it's location)

[bitcloud]

sorry for the triple posting.. i was just excited.. i've been looking for a way to do this for a while and all i could find was a crummy open source flash implementation...

The single and double quote bug is pretty significant. Both " and ' display as URL encoded codes... they're both pretty commonly used so it's a pretty big speedbump... other punctuation seems to be fine (given limited testing) is there any workaround you can think of for the single and double quotes?

also, the fontsizes seem to be different in firefox and in internet explorer... This is a bigger issue than it might seem at first because the width of the orange overlay bar looks to be determined based on the fontsize, not based on the text itself... (i.e the text runs off the edge of the orange bar in firefox because the font is too large to fit on the orange bar) can you possibly point me in the right direction to resolve that?

cheers
Lachlan

[n0fear2]

Add text annotations to your images like on Flikr. Pretty cool.

Mhhhh i am pretty bad in php but have 2 things i would love to get working. 1) instead of text users can put a sign on a area showing the user who sigend that. So registered users can mark themself on the pictures. Any idea? 2) i would like to have a show/hide butto for that, so people can look the pictures without those user-marks

[n0fear2]

noone that got an idea how to put the user names on instead of a custom text?

[bitcloud]

I've had no luck resolving the text display issues... i'm sure these are simple to resolve, but they're out of my league i'm afraid...

any clues?

[risinghh]

Please can any1 share the demo link here,

[bitcloud]

not sure what's happened to this thread... it seems that nibbler has died somewhere...

Anyway, the problem I was experiencing was "resolved" by removing the "max-width: 200px;" from the .fn-note entry in the css...
It seems that this, along with the moz-border-radius for the two entries below it aren't supported in ie. consequently long entrys were working "fine" in ie but wrong in firefox... I expect that it should go to a new line when it exceeds 200px, but for some reason it wasn't... that *sortof* fixed it...

there's still a pretty major problem in the way it handles characters like " or '

if anyone could point me in the right direction on this it would be great..
cheers

[Nibbler]

I'm not interested in supporting this mod; I made it for my own interest and I don't use it myself.

[bitcloud]

too easy... i'll take a look at it and post what i can figure out...

you should be pretty chuffed with this mod btw nibbler.. its a definite winner...

[Rallemann]

It's a very useful addition.
Is it possible to add an selection where you can choose
registered user to mark them on the photos? Just like the feature on the facebook?
It would be a little sensation and I think a lot of people would prefer like it.

[Nibbler]

I have that, but it's too involved to post as a mod.

[Rallemann]

What a pitty.
But possibly you can add something to involve the notations in the search engine.
So it would be an alternative to my request...?

You wrote that it is to complex for an mod...do you mean plugin or mod?
Perhaps you can write a description how to modificate?

Thank you for this excellent support.

[Rallemann]

no idea?