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

Getting Started

Jump to bottom
Rainer Simon edited this page Oct 11, 2012 · 21 revisions

Getting Started

To make images on your Web page annotatable, you need to link the Yuma 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="yuma2.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/yuma2.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