Agregar notas dinámicas a imágenes con jQuery

jTag es un plugin desarrollado con jQuery que nos permite incorporar la función de etiquetado dinámico en imágenes y de forma muy simple.

El funcionamiento del plugin es muy sencillo, una vez inicializado permite que el usuario mediante un simple click del mouse cree pequeñas notas en las imágenes, ademas de crear un cuadro que se puede ajustar para remarcar el sector al que la nota se refiere.

El plugin en modo edición se ve la siguiente forma:

tag imagenes jQuery

jTag no cuenta con muchas opciones de configuración, son más bien básicas como por ejemplo, tamaño por defecto o inicial del cuadro, autocompletado de tags, etc.

Ejemplo de uso:

$("#img1").tag({
	defaultWidth:200,
	defaultHeight:200,
	showTag: 'always',
	autoComplete: [
		'uncle jack',
		'baby john'
    ]
});

El plugin es una buena alternativa para aquellas personas que están pensando en agregar esta funcionalidad a sus proyectos. Inclusive guardar las etiquetas en una base de datos es de lo más simple, el plugin nos enviara mediante los métodos save y delete, la información necesaria para salvar la información.

Web: jTag

Categorizado en: