Utiliza éste script para agregar anotaciones en tus imágenes, puedes utilizar cualquier imagen que desees y agregarle sus textos, éste script solo incluye 4 elementos de texto para cada imagen pero solo basta retocar un poco nuestro código CSS3 para añadir más.

 

anotaciones

 

 

Ver Ejemplo
Clic para Iniciar
Ver Ejemplo

Descargar
Clic para Iniciar
216KB .zip

 

Cómo utilizarlo:

 

Sencillo solo debes utilizar la clase ao-preview y agregar la imágen que quieras, posteriormente ir agregando los distintos textos, para mover cada uno de los textos solo basta con ir a nuestro documento CSS "style.css"  cada texto es ubicado .ao-annotations span:nth-child(2), y moverlo con los atributos top y left.

 

Donaciones:

 

Ofrecemos recursos, tutoriales completamente gratuitos, desarrollamos el sistema Inventarius utilizado en ésta página Web que utilizas en éstos momentos,  éste proyecto con el propósito de ofrecerle a cualquier persona o PYME una herramienta unificada con la cual puedan contar con una página Web y completo sistema donde puedan agregar artículos, organizar sus imágenes, clientes, comentarios, slideres y mucho más, todo con en UNA SOLA HERRAMIENTA. Agradecemos tu apoyo.

 



Comentarios

 

Menu