Skip to content
This repository was archived by the owner on Apr 2, 2023. It is now read-only.

Getting Started: Standalone Version

Jump to bottom
rsimon edited this page Nov 3, 2012 · 13 revisions

Getting Started - Standalone Version

Release packages for the latest versions of Annotorious are available in the Downloads Section. Be sure to pick a ZIP archive that has standalone in the name.

  • Unzip the contents of the package on your server
  • Link the Annotorious CSS file into the <head> of your Web pages
  • Link the Annotorious JavaScript file into the <head> of your Web pages
  • Designate which images should be made annotatable using the pre-defined annotatable CSS class

Example:

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="css/annotorious.css" />
    <script type="text/javascript" src="annotorious.min.js"></script>
  </head>
  
  <body>
    <img src="example.jpg" class="annotatable" />
  </body>
</html>

Note: Instead of hosting the Annotorious source files yourself, you may also hot-link to the latest versions on the Annotorious site:

http://annotorious.github.com/latest/annotorious.min.js
http://annotorious.github.com/latest/annotorious.css

Clone this wiki locally