Web Resizer es un API sencillo de integrar y fácil de configurar, como ya hemos empezado a explicar en el Manual del API de Web Resizer que venimos publicando en DesarrolloWeb.com. Sirve para que los usuarios puedan enviar fotos a nuestro sitio y puedan retocarlas por medio de unos sencillos formularios.

Las variables de retoque fotográfico que permite configurar Web Resizer son bastante básicas, pero aun así, para determinado tipo de usuario pueden resultar poco intuitivas o complicadas de entender. Incluso puede que en nuestro sitio no deseemos que los usuarios puedan modificar ciertos valores de las imágenes, como el brillo, nitidez, exposición, etc.

Así pues, hay veces, que para facilitar la utilización de Web Resizer, no es necesario mostrar todas las herramientas que dispone. Para ello hay que crear la variable webresizerAPI como un objeto.

var webresizerAPI = new Object;

Los parámetros de Web Resizer se modificarían de la siguiente manera:

webresizerAPI.parameters = {
apikey : 'AQUI-TU-CLAVE-API-WEBRESIZER',
language : 'es'
};

Para mostrar u ocultar herramientas se haría con el siguiente código, simplemente indicando 'yes' para mostrar o 'no' para ocultar, por defecto se muestran todos:

webresizerAPI.toolDisplay = {
rotate : 'no',
quality : 'no'
}

Ahora vamos a ver las herramientas que se pueden mostrar u ocultar:

rotate: Muestra la herramienta de rotación.

sharpen: Muestra la herramienta de nitidez.

quality: Muestra la herrramienta de calidad de imagen.

tint: Muestra la herramienta de color.

contrast: Muestra la herramienta de contraste.

exposure: Muestra la herramienta de tono de color.

saturation: Muestra la herramienta de saturación de color.

Para terminar vamos a mostrar el código completo modificando parámetros y ocultando las herramientas de rotación y calidad de la imagen.

<script type="text/javascript">

var webresizerAPI = new Object;
webresizerAPI.parameters = {
apikey : 'AQUI-TU-CLAVE-API-WEBRESIZER',
language : 'es'
};
webresizerAPI.toolDisplay = {
rotate : 'no',
quality : 'no'
}
</script>
<script type="text/javascript"
src="http://api.webresizer.com/ext/js/webresizer_api.js">
</script>