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.
Igor Escobar 