http://microformats.org/wiki/api.php?action=feedcontributions&feedformat=atom&user=SitFz8Microformats Wiki - User contributions [en]2026-05-14T05:58:19ZUser contributionsMediaWiki 1.38.4http://microformats.org/wiki/index.php?title=photo-note-examples&diff=17826photo-note-examples2007-06-23T01:05:04Z<p>SitFz8: </p>
<hr />
<div>= Photo Note Examples =<br />
<br />
This is a concrete discussion of what exists right now in the specific problem area of annotating areas of photos with notes.<br />
<br />
This is a very specific type of [[media-info]] that is not as generic as [[media-info-examples]] in general.<br />
<br />
== Contributors ==<br />
<br />
* Tantek Çelik<br />
* Greg Elin<br />
<br />
== Examples ==<br />
<br />
* http://fotonotes.net<br />
** http://fotonotes.net<br />
** ordered list of notes, each note has unique ID<br />
** each note has:<br />
*** rectangle / boundingbox<br />
*** unique id<br />
*** title (thought of as human readable alias for unique id)<br />
*** content - plain text<br />
*** author of the note <br />
*** date of annotation<br />
<br />
* http://www.frankmanno.com/ideas/css-imagemap/<br />
** CSS based image maps<br />
<br />
* http://evan.nixsys.bz/note<br />
** CSS based image maps<br />
<br />
* http://bayareafreefi.com/city.php?city=San Francisco<br />
** uses standard text formatting<br />
** imagemaps with onmouseover events to load the text to display<br />
<br />
* http://conflix.soe.umich.edu/photos/collections/KyleHelson/9/annotation/<br />
** divs containing spans of plain text, very unexciting.<br />
<br />
* http://flickr.com<br />
** http://flickr.com/photos/tantek/64877881/<br />
** ordered list of notes (there is an order because if they overlap, the latter one "wins" in terms of hover)<br />
** each note has:<br />
*** rectangle<br />
*** content - hypertext markup<br />
*** author of the note (left blank and implied for first-person notes)<br />
<br />
* fotobuzz (has based their stuff on fotonotes, without attribution.)<br />
** http://2entwine.com/screenshots/pic5.html (haven't found an editable one yet)<br />
** http://fotobuzz.org/ displays an example containing multiple comments within one "note"<br />
** plain text, although they display their data in flash<br />
** rectangles.</div>SitFz8