Miércoles, Diciembre 10th, 2008...17:07
Hacer miniaturas de Imágenes
Quien no ha tenido alguna vez que crear una miniatura (Thumbnails), de sus imágenes automáticamente. Una opción puede ser añadirle el tamaño por css, o en la misma etiqueta <img, pero las imagenes se verían mal, puesto que están redimensionadas a tamaño completo.
Una opción muy buena, sin usar php y sin hacerlo manualmente, sería usar JQuery u JThumbs. Mediante el siguiente script tendremos las deseadas miniaturas:
<script type="text/javascript">
$(document).ready(function() {
// aquí realmente hacemos la miniatura
$("a.thumb, img.thumb").jThumb();
// Posicionar imagen (opcional)
$("a.thumb img, img.thumb").jThumbImg();
});
</script>
Lo unico que necesitamos es en enlace previo a nuestro framework favorito jquery:
<script type="text/javascript" src="jquery.js"></script>
Ventajas:
- No sobrecargamos el servidor con otro script php.
- Es un proceso automático.
Desventajas
- La imagen carga entera (aunque visualmente satisfactoria).
2 Comentarios
Diciembre 10th, 2008 at 22:38
C000l! Por cosas como éstas tengo tu blog agregado. Un saludo de un compi de ITIG de la ULPGC
Diciembre 11th, 2008 at 10:03
Gracias Luis,
Veo que eres de lanzarote como yo. Por que curso vas, y que tienes pensado hacer cuando acabes?
Un saludo
PS: lo mejor de todo es que el artículo ya aparece primero si buscas en google “hacer miniaturas de imágenes”
Dejar una respuesta