Saltar a Comentarios

Miércoles, Diciembre 10th, 2008

Hacer miniaturas de Imágenes

Miniaturas

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).

Descarga | JQueryJThumb


Entradas Relacionadas

2 Comentarios

  • Luis González
    Mozilla Firefox Mozilla Firefox 3.0.4 en Windows Windows Vista
    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

  • juanra
    Safari Safari 525.19 en Mac OS Mac OS X
    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”