Distintas formas de obtener objetos Image de Javascript, a través de los elementos de la página, creándolo por nosotros mismos, etc. Este es un Taller de Javascript que además se enmarca dentro del Manual del tratamiento de imágenes de Javascript. Vamos a aprender a obtener objetos Image de Javascript, que luego podemos utilizar para lo que deseemos. Vamos a mostrar varias de las maneras que tenemos para realizar ese paso, algunas más generales y obvias y otras más específicas de entornos de trabajo determinados. Al final siempre obtenemos lo mismo, una variable que…

Leer más

Describimos la forma de realizar una precarga de imágenes en la caché. El objeto Image posee en JavaScript un método constructor, de tal forma que podemos declarar con él un objeto de este tipo al principio de nuestra página, dentro de la cabecera de la misma. La sintaxis para usar este constructor es la siguiente: nombre_imagen = new Image (width,height); donde los parámetros width y height corresponden a los atributos análogos de la imagen definida. Si no especificamos estos parámetros, con la declaración del constructor tendremos ya creado el nuevo…

Leer más

Se presenta un script para cargar imágenes a usar en la página. El propósito del script que puede verse/descargarse más abajo tiene como objeto utilizar un único javascript que nos sirva SIEMPRE y en cualquier página web para cargar las imágenes que se vayan a utilizar. El ya utilizado en el punto 13 de este manual es válido igualmente, pero está enfocado a las 3 imágenes concretas del ejemplo, guardadas en unas rutas/directorios concretos y que utiliza 3 variables flags que dan por sentado que sólo precargaremos esas 3 imágenes. De esto,…

Leer más

Un script para hacer un upload de una imagen con PHP en el servidor y su envío a Pixlr por medio del API. En el siguiente tutorial vamos a utilizar PHP en nuestro servidor y el API de Pixlr para conseguir una página que permita al visitante hacer un upload de una imagen de su disco duro, y luego enviarla a Pixlr para poder editarla con este programa online de retoque fotográfico. Este ejemplo sería un típico caso de uso del API de Pixlr, que estamos explicando en el Manual de…

Leer más

Opiniones sobre el nuevo API del servicio online Pixrl para edición y retoque de fotografías desde páginas PHP. Pixrl. Se trata de un editor de imagen muy similar, en aspecto, a Photoshop y con funciones  avanzadas de los programas de retoque fotográfico, pero con la característica principal que el trabajo se realiza dentro del navegador. Pixlr es un producto recomendable para todo aquel que requiera retocar una foto, gracias a sus variadas herramientas y filtros. Podríamos recomendarlo inclusive para crear un diseño desde cero, pues tiene muy buenas utilidades para…

Leer más

Al declararse una imagen con Javascript, el navegador no detiene la carga de la página hasta que la imagen se ha terminado de cargar, sino que continúa la carga de la página y la imagen se descarga en un segundo plano. El error es pensar que el navegador, al encontrarse con una declaración:  imagen= new Image(); imagen.src=»RutaDeLaImagen»; detiene el proceso de carga del resto del código de la página hasta que ha precargado esa imagen en la Caché. Ésto no es así. Al leer el código anterior, el navegador comienza a…

Leer más

Cómo saber cuando todas han sido cargadas para realizar acciones con las imágenes y realizar una precarga de un conjunto de imágenes  Entre el más típico de los ejemplos de las utilidades que podemos hacer con Javascript es la precarga de imágenes. Tanto es así, que desde hace años hemos explicado este asunto en diversos artículos en DesarrolloWeb.com, que podemos explorar si buscamos por «precarga imágenes Javascript» en el buscador interno, o en artículos del Manual de Tratamiento de Imágenes con Javascript. Hasta el momento habíamos explicado varias formas de hacer precarga…

Leer más