| Line | |
|---|
| 1 | <html>
|
|---|
| 2 | <head>
|
|---|
| 3 | <title>Image Annotations</title>
|
|---|
| 4 | <style type="text/css" media="all">@import "css/annotation.css";</style>
|
|---|
| 5 | <script type="text/javascript" src="js/jquery-1.7.1.js"></script>
|
|---|
| 6 | <script type="text/javascript" src="js/jquery-ui-1.8.17.js"></script>
|
|---|
| 7 | <script type="text/javascript" src="js/jquery.annotate.js"></script>
|
|---|
| 8 |
|
|---|
| 9 | <script language="javascript">
|
|---|
| 10 | $(window).load(function() {
|
|---|
| 11 | $("#toAnnotate").annotateImage({
|
|---|
| 12 | editable: true,
|
|---|
| 13 | useAjax: false,
|
|---|
| 14 | notes: [ { "top": 286,
|
|---|
| 15 | "left": 161,
|
|---|
| 16 | "width": 52,
|
|---|
| 17 | "height": 37,
|
|---|
| 18 | "text": "Small people on the steps",
|
|---|
| 19 | "id": "e69213d0-2eef-40fa-a04b-0ed998f9f1f5",
|
|---|
| 20 | "editable": false },
|
|---|
| 21 | { "top": 134,
|
|---|
| 22 | "left": 179,
|
|---|
| 23 | "width": 68,
|
|---|
| 24 | "height": 74,
|
|---|
| 25 | "text": "National Gallery Dome",
|
|---|
| 26 | "id": "e7f44ac5-bcf2-412d-b440-6dbb8b19ffbe",
|
|---|
| 27 | "editable": true } ]
|
|---|
| 28 | });
|
|---|
| 29 | });
|
|---|
| 30 | </script>
|
|---|
| 31 | </head>
|
|---|
| 32 | <body>
|
|---|
| 33 | <div>
|
|---|
| 34 | <img id="toAnnotate" src="images/trafalgar-square-annotated.jpg" alt="Trafalgar Square" width="600" height="398" />
|
|---|
| 35 | </div>
|
|---|
| 36 | </body>
|
|---|
| 37 | </html> |
|---|
Note:
See
TracBrowser
for help on using the repository browser.
