Image Annotation

  • 2
  • Question
  • Updated 5 years ago
  • Answered
Hi all.

I have quite a couple of galleries in my site and also am planing on posting a few blog posts with many images attached: Site, Gallery

Does anybody know of a system that can be used to create image annotations (notes) Flickr does this, but once your Flickr images are in an embedded gallery all annotations are simply not supported.

Basically trying to produce a similar thing to the Facebook image tag system, here is yet another example used all over this site: Danny Choo
Photo of Jeremy Paton

Jeremy Paton

  • 159 Posts
  • 16 Reply Likes
  • Hopeful

Posted 8 years ago

  • 2
Photo of diane

diane

  • 1238 Posts
  • 121 Reply Likes
Hi, Jeremy,

I'll have to think about this one! Perhaps in the mean time, one of our users may have a solution?
Photo of Callum

Callum

  • 357 Posts
  • 32 Reply Likes
<!--
Hi Jeremy,
If you want to annotate individual parts of an image, you could use Maps:

<img src="PATH/TO/IMAGE" width="WIDTH" height="HEIGHT" usemap="#MAP NAME" />

<map name="MAPNAME">
<area shape="rect" coords="0,0,82,126" title="ANNOTATION1" />
<area shape="circle" coords="90,58,3" title="ANNOTATION2" />
<area shape="circle" coords="124,58,8" title="ANNOTATION3" />
</map>

You'll have to change the shape and coordinates accordingly, you can find the coordinates out by using GIMP or Paint.NET or some alternative

Thanks
Callum Booth
-->
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
You can use this and in stead of using title="" you can use a HTML tooltip to each of those.
Photo of petercsea

petercsea

  • 153 Posts
  • 19 Reply Likes
http://blog.flipbit.co.uk/2009/03/jqu....

because Yola doesn't allow access to the published page no alterations can be made by observers, such as seen in Flickr images. Any comments would need to be done in the builder prior to publishing or republishing.
Photo of Jeremy Paton

Jeremy Paton

  • 159 Posts
  • 16 Reply Likes
to use: http://blog.flipbit.co.uk/2009/03/jqu...

Would I need to have access to uploading JavaScript, to Yola?
or is there an alternative way to access the Java-script?
Photo of petercsea

petercsea

  • 153 Posts
  • 19 Reply Likes
You can upload js files to an off-site provider and then link to those stored files. yourjavascript.com is particularly reliable and free. You don't need silver for this. There may be some advantage in speed and editing but this system works as well .

css style sheets can be placed at the top of the page and can be made more efficient by combining various css styles into one,
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Great suggestion, petercsea :)
Photo of Jean

Jean

  • 134 Posts
  • 14 Reply Likes
Jeremy, if you have Yola Silver, you can upload both javascript and css files to your file manager.
Hope that helps a bit.
Photo of petercsea

petercsea

  • 153 Posts
  • 19 Reply Likes
I didn't know that Nathan. How do you do that for the Free or Bronze?
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Just get your *.css file and upload it. I am on free and they are letting me upload css files. It's only JavaScript and html that they wont let you.
Photo of petercsea

petercsea

  • 153 Posts
  • 19 Reply Likes
Thank you for that info Nathan.
Photo of Jean

Jean

  • 134 Posts
  • 14 Reply Likes
Thanks for correcting the info in my post.

Note to self: css file can be uploaded with all Yola plans.
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
No problem Jean and petercsea
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks everyone for your assistance on this!

Jeremy - I hope that you were able to find something that worked for you.
Photo of diane

diane

  • 1238 Posts
  • 121 Reply Likes
Hi, Jeremy,

Some great suggestions here! Here is what I was trying to think of last night but couldn't pull out of the back of my brain: http://www.jetphotosoft.com/
This is software that you download (there is a free version) and it creates a gallery then gives you the code. You can add notes and tags, etc. Not sure it's quite what you're looking for, but you could check it out.
Photo of Jeremy Paton

Jeremy Paton

  • 159 Posts
  • 16 Reply Likes
Wow been along time, thanks every-one for their useful comments.

There seem to be a great many ways of displaying images on a site with annotations. I have been looking into building a photoblogging site for my self for ages. I would love to do this with Yola but I feel that Yola just does not yet have the support for what I intend to build. I friend of mine who is interested in Photography and is Japanese directed me to the site Danny Choo a long time ago and I love the way his commenting system works.

If I was to use DISQUS I could put together a really nice commenting system for the blog and use Flickr to store/show the images. But I am wondering before I start building this, if anybody knows of a commenting system similar to DISQUS but has annotated commenting incorporated?? as this is really what I am looking for.

Currently I only know how to do this in WordPress with plugins but I would prefer to use Yola as it gives the site a more personally designed feeling.

I have looked around and found ways to allow visitors to add annotations to images, but its not linked to your commenting system and neither does it require the visitor to login to comment/annotate.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Jeremy,

I am not aware of a way to do this. I hope our Community Forum members might be able to put their collective heads together and come up some possible suggestions for you!
Photo of johndoee

johndoee

  • 2 Posts
  • 0 Reply Likes
the image software provides annotation capabilities for users if they want to annotate, redact information on images and documents. more tutorial on : http://www.rasteredge.com/how-to/vb-n...
Photo of jacaboo

jacaboo

  • 1 Post
  • 0 Reply Likes
I have checked that.it works but the facilities are not complete enough .Once I used Adobe Acrobat. but it becomes more and more expensive for public users who haven;t got many images to process. here I would like to share with you the tool Im using now ,it is denefinitly easier to handle than Adobe Pro.This image annotator will enable you to mark up, highlight and underline image content by adding and drawing annotation with just a few clicks.If you donnot have a good choice.You can download the free trail package and have a try.
http://www.rasteredge.com/how-to/vb-n...
Photo of Whitehead

Whitehead

  • 10 Posts
  • 0 Reply Likes
Use an image annotator to create and add annotation object, markup, stamps, signature to your image or document page. You can define the specific annotation location of image.