Lightbox JS: Mostrar Imágenes en WP

Con este ingenioso plugin de WordPress, podemos resolver un problema clásico: ¿Con qué tamaño mostramos nuestras imágenes? ¿Cuál será el tamaño óptimo para la mayoría de las resoluciones de monitor?¿Cuál se adapta mejor a nuestro layout? ¿500, 600, 745 o 800 px?

La cuestión es que en los posts publicaremos una miniatura y al hacer clic sobre ella se mostrará la imagen original en otra ventana tras un breve tiempo de precarga, aplicándole un elegante efecto.

Podéis ver como funciona en jggweb.

3 comentarios en “Lightbox JS: Mostrar Imágenes en WP”

  1. Garrafablog PR: 0dijo:

    Algo bastante bastante más rudimentario (…las comparaciones son odiosas) he montado para los blogs alojados en la coctelera.

  2. eduo PR: 0dijo:

    De hecho, el Lightbox Plus linkado desde esa misma pagina resuelve el problema que mencionas. El Lightbox a secas resuelve el problema de linkar a imagenes que cabrian en el navegador pero distraerian al usuario, obligandole a abrir una ventana nueva o a reemplazar la ventana actual.

    El lightbox plus, sin embargo, permite que una imagen mucho mas grande que la pantalla se despliegue en forma de “Thumbnail” en el texto, del tamaño de la ventana al hacer click y en tamaño completo al maximizar la imagen en lightbox plus.

    Link al plus: http://zeo.unic.net.my/2006/01/27/wp-lightbox-plus-wordpress-plugin/

    Algo importante es que al usar lightbox plus con el TinyMCE (editor WYSIWYG) de WP hay luego que editar el HTML para añadir ‘rel=”lightbox”‘ a la tag “a” y que, por a partir de la última versión, funciona también en links de texto.

    Un par de ejemplos de un post usando Lightbox Plus:
    http://www.eduo.info/2006/03/20/lo-que-queda-de-armar-muebles/
    http://www.eduo.info/2006/03/28/patetico-pon-tu-fotos-para-esto/
    (conviene hacer pequeña la ventana antes de abrir las imagenes para ver la redimension)

  3. jgarcía PR: 6dijo:

    Cierto, Garrafablog. Así lo hacía hasta hace poco.

    Gracias por darnos a conocer lightbox plus, eduo.

Deja tu comentario

XHTML: Puedes usar las etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>