Archivo para la etiqueta ‘imagen’

20Oct
2010
<!-- 2 -->

Close Pixelate: pixela imágenes con HTML5

Close Pixelate es un script que convierte una imagen en su correspondiente pixelada haciendo uso de HTML5 y canvas. Se le pueden indicar las siguientes opciones: resolución, forma del pixelado, tamaño, desplazamiento y canal alpha Su uso es tan sencillo como ejecutar lo siguiente: var docReady = function() { document.getElementById(’portrait-image’).closePixelate([ { resolution : 24 }, [...]
23Mar
2010
<!-- 3 -->

Redimensionado óptimo de imágenes con PHP

Redimensionar imágenes con PHP es algo de lo que se ha hablado mucho, y no voy a contar nada nuevo, pero el tutorial que enlazo me parece bastante bueno y sencillo y nos puede ahorrar el crear los métodos nosotros mismos, porque no suele ser tan sencillo como hacer un resize, sino que a veces [...]
11Feb
2009
Comments Off

Preview de imágenes en enlaces con jQuery

Curioso y sencillo plugin de jQuery que permite crear previews de imágenes enlazadas en etiquetas <a> tanto directamente en el atributo href como en el rel. Permite añadir estilos, un contenedor e incluso eventos (onload, onhide, onshow). $(’ul#fourth a’).imgPreview({ containerID: ‘imgPreviewWithStyles’, imgCSS: { // Limit preview size: height: 200 }, // When container is shown: [...]
11Apr
2006
Comments Off

Laboratorio: Recorta imágenes dinámicamente con PHP y HTML

En muchos sitios web de almacenamiento de imágenes se nos permite retocar las imágenes. Hoy vamos a explicar como recortar una imagen directamente desde una página web. Para ello tenemos que crearnos una página web que nos permita seleccionar la zona de la imagen que queremos recortar y de un script PHP que usando la [...]