jQuery Puzzlecaptcha modo fácil, hoy por hoy los bots están al orden del día, sin embargo con la técnica de captcha es posible disminuir a estos bots, para esto hay un plugin que nos ayuda a crear un captcha y con un objetivo, que es ponerle un juego al usuario para distraerse mientras resuelve el captcha, realmente la implementación se basa en el uso de imágenes para convertir en un puzzle.
http://plugins.supos.com.au/PuzzleCAPTCHA/
Código para incluir las referencias del plugin.
<script src="puzzleCAPTCHA.js"></script>
Los estilos para crear los efectos que utiliza el plugin
<link rel="stylesheet" href="puzzleCAPTCHA.css">
El script para hacer referencia al div en donde se desea poner la referencia, en este caso se creo el div con id=”PuzzleCaptcha”
<div id="PuzzleCaptcha"></div>
Posterior a esto creamos la instancia del plugin de la siguiente forma:
<script>
$("#PuzzleCaptcha").PuzzleCAPTCHA({
imageURL:'http://distilleryimage2.s3.amazonaws.com/c886e1100cbe11e3a77722000a1fbc49_5.jpg'
});
</script>
El Ejemplo funcional lo puedes ver en el siguiente enlace: http://plugins.supos.com.au/PuzzleCAPTCHA/
Puedes probarlo con diferentes imágenes.
The post jQuery Puzzlecaptcha modo fácil appeared first on Develoteca.