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

Getting Started

rsimon edited this page Oct 19, 2012 · 21 revisions

Getting Started

To make images on your Web page annotatable, you need to link the Annototrious CSS and JavaScript source files into your page, and designate which images should be made annotatable. Details below:

Step 1: Include the library JavaScript file in the <head> of your HTML page

<head>
  ...
  <script type="text/javascript" src="annotorious.min.js"></script>
  ...
</head>

Step 2: Include the library CSS stylesheet in the <head> of your HTML page

<head>
  ...
  <link rel="stylesheet" type="text/css" href="css/annotorious.css" />
  <script type="text/javascript" src="yuma2.min.js"></script>
  ...
</head>  

Step 3: Mark the images to be annotatable using the 'annotatable' CSS class.

<body>
  ...
  <img class="annotatable" src="myimage.jpg">
  ...
</body>

Clone this wiki locally