Linux puede ser tan bueno como Windows, incluso mejor que OS X, o al revés! pero, al final de cuentas a quién le importa? No es la máquina, es el conocimiento...

PopBox – miniaturas con estilo

13/04/2008 | Autor: KryptOS | En: Internet | 2 Comentarios »

En intruso.info encontré este excelente tutorial sobre el uso de PopBox, una solución javascript para el control de miniaturas en los post. Realmente me gustó mucho el efecto que se consigue.
Lo más interesante es que nos permite diferentes efectos de ampliación. Explico primero los simples pasos de instalación:

INSTALACION

  • Descarga PopBox desde aquí
  • Descomprime el archivo descargado.
  • Dentro del archivo hay tres carpetas: Images, scripts y stylesheets
  • Sube a la raíz de tu servidor, el contenido de las carpetas scripts y stylesheets (o sea popbox.js y style.css
  • En el panel de administración de WordPress, en las opciones de diseño, abre y edita el archivo header.php y agrega justo antes de /head, lo siguiente:

[code]

[/code]

  • Sustituye donde dice TU_ALOJAMIENTO por la ubicación donde subiste los archivos anteriores

Y así de fácil ya estamos listos para empezar a usar PopBox.

Ahora en cualquier entrada debemos colocar el siguiente código:

[code]

[/code]

Una pequeña explicación:

  • src es la imagen a mostrar (URL_imagen)
  • class es la clase CSS que usamos para mostrar un cursor diferente
  • style es el estilo CSS donde, en este caso, definimos el ancho y el alto de la miniatura
  • pbshowrevertbar, pbshowreverttext, pbshowrevertimage son atributos especiales que controlan los textos y pondremos en false para no utilizarlos.

Ejemplos con su propio código

Simplemente ampliar (clic sobre la imagen)

Codigo a usar

[code]

[/code]

Ampliar con texto (clic sobre la imagen)

Código a usar

[code]

[/code]


2 Comentarios on “PopBox – miniaturas con estilo”

  1. 1 loixs said at 11:01 pm on October 12th, 2009:

    lo quice usar pero cuando se usa en 2 o mas imagenes se empieza a desaparecer la imagen. que pena me intereso mucho cuando lo probe pero se me cayo luego haber si alguien soluciona… aunq lo veo dificil. Gracias

  2. 2 KryptOS said at 11:31 am on October 16th, 2009:

    @loixs, te recomiendo mejor que uses LigthBox 2


Deja tu comentario