to edit tag on image
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
img
stylesheet
.DS_Store
README.md
demo_notesize.html
demo_removable_false.html
demo_updatable_false.html
jquery.plugintag.js
plugintag-demo.html

README.md

TagImage

TagImage is a jQuery Plugin to edit tags on images.
You can do a selection on an image to tag a person or to write a review.

Check out the demo page.

Usage

How to install it ?

To use the plugin you first have to add jQuery in your head section :
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"> </script >

Then, you need to install the script jquery.plugintag.js in your head section :

<script type="text/javascript" src="jquery.plugintag.js"> </script>

How to use it ?

It can be used on one image at a time

Add an image in the html :

<img id="tagimage" src="img/family.jpg" alt="groupe" title="groupe"  />

and load the plugin :

<script>
	$(document).ready(function(){
		$("#tagimage").tagImage();
	});	
</script>

To positionate the picture with margin properties,
you have to define properties for #image-view.

For example :

#image-view{
	margin-left:70px;
	margin-bottom:30px;	
}

Options

removable

If user can delete tags on the picture.
default value : true
possible values : true/false

updatable

If user can update tags on the picture.
default value : true
possible values : true/false

On witch browser does it work ?

This plugin was tested on FF 12.0, Safari 5.1.5, Google Chrome 20.0.1132.11