jQuery plugin Watermark para marcar las imágenes

DESCARGA : JQuery Watermark

jQuery plugin Watermark para marcar las imágenes, lo interesante de html5 es que te permite trabajar con imágenes manipuladas con javascript un claro ejemplo de manipulación de imágenes es este plugin que sin duda puede ayudarte a mostrar algún logotipo o texto como una marca de agua, la implementación de este plugin es muy simple ya que lo único que tienes que aplicar es unas cuantas líneas de código, este sistema de marcado de imágenes es de uso común en sitios que cuidan mucho los derechos de dicha fotografía o imagen, aunque sabemos que javascript puede ser burlado, no cabe duda que te puede servir al menos para recordarle al usuario el sitio donde se encuentra navegando.

Puedes ver los ejemplos en el siguiente enlace: http://baivong.github.io/watermark/

Los primeros pasos para implementar este plugin son los siguientes:

1.- Crea una referencia a jQuery

<!-- jQuery 1.5+ -->
<script src="jquery.js" type="text/javascript"></script>

2.- Crea una referencia al plugin Watermark

<!-- jQuery plugin Watermark -->
<script src="jquery.watermark.js" type="text/javascript"></script>

3.- Crea la referencias mediante las clases o los id de las etiquetas html


$(function() {
  $(SELECTOR).watermark(OPTIONS);
});

4.- Proporciona las opciones del plugin.


$(function() {
  $('.img_awesome').watermark({
    path: 'http://i.imgur.com/LcpZHu5.png'
  });
});

 

Puede interesarte