Modal Annotation div that can be applied to images on a page
Ability to change Annotation Color by adding a CSS class. Colors include gray, red, green, yellow, and blue.
Ability to change Annotation size by adding a CSS class. Sizes include (Big, Medium, and Small)
Modal Annotations has it's own css file which makes it highly extensible in terms of look and feel
It's easy get Modal Annotations up and running on your website.
2) Copy modalannotationsstyle.css into your website's css directory
3) Copy all image assets from the supplied images folder into your website's images directory
4) Now add the following into your HTML file's header
And that's it, your site is now set up with Modal Annotations. Now lets say that you have 2 images of the same dimensions called image.jpg and image_annotation.jpg. You can apply the annotation using the following notation:
//****foo.html body**** <div class="modal_annotations"> <div class="annotation_item"> <div class="base_image"> <img src="images/image.jpg" /> </div> <div class="overlay_image"> <img src="images/image_annotation.png"/> </div> </div> </div> //****foo.html body****