MooTools 1.2 Image Protector: dwProtector

Hoje venho apresentar para vocês uma biblioteca que achei bastante interessante, escrita para o Framework javascript MooTools, chamada Image Protector, é uma grande novidade e talvez um grande marco para os designers que se descabelam para poder proteger suas imagens.

Esta biblioteca foi criada justamente para os designers ou artistas, que odeiam ver seus trabalhos copiados e ripados em segundos após dias, semanas, anos de trabalho dedicado, e o pior, as vezes até roubo de autoria.

O MooTools 1.2 Image Protector previne:

  • right-click “Save Image As”.
  • Arrastar qualquer imagem para o desktop.
  • right-click “Save Background As”.
  • right-click “View Background Image”

Segue abaixo tudo o que você precisa:

MooTools 1.2 Image Protector JavaScript Class

[javascript]
//protector class
var dwProtector = new Class({

//implements
Implements: [Options],

//options
options: {
image: ‘blank.gif’,
elements: $$(‘img’),
zIndex: 10
},

//initialization
initialize: function(options) {
//set options
this.setOptions(options);

//make it happen
this.protect();
},

//a method that does whatever you want
protect: function() {
//for each image that needs be protected…
this.options.elements.each(function(el) {
//get the element’s position, width, and height
var size = el.getCoordinates();
//create the protector
var p = new Element(‘img’, {
src: this.options.image,
width: size.width,
height: size.height,
styles: {
‘z-index’: this.options.zIndex,
‘left’: size.left + ‘px’,
‘top’: size.top + ‘px’,
‘position’: ‘absolute’
}
}).inject($(document.body),’top’);
},this);

}
});
[/javascript]

Exemplo de uso

[javascript]
window.addEvent(‘domready’, function() {
var protector = new dwProtector({
image: ‘/blank.gif’,
elements: $$(‘.protect’)
});
});
[/javascript]

Caso você queira testar o MooTools 1.2 Image Protector, basta acessar.

[]’s
Igor.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: