Contenido

ThickBox 2.1 plugin

18 Oct

Ya me ha pedido más de uno, que hiciera una versión de la nueva versión de Thickbox, que ahora van por la 2.1

Instalación

  1. Descargar el plugin.

  2. Descomprimir y subir al FTP a la carpeta wp-content/ (importante mantener la estructura del zip).
  3. Activar el plugin

Modo de empleo (documentación)

Imagenes 

  • Una imagen sola 
<a href="IMG_GRANDE" title="TEXTO_ENLACE" class="thickbox"><img src="IMG_MINI" alt="Image 1" /></a>   
  •  Galería de imagenes
<a href="images/plant1.jpg" title="title" class="thickbox" rel="gallery-plants"><img src="images/plant1_t.jpg" alt="Plant 1" /></a> 
<a href="images/plant2.jpg" title="title" class="thickbox" rel="gallery-plants"><img src="images/plant2_t.jpg" alt="Plant 2" /></a> 
<a href="images/plant3.jpg" title="title" class="thickbox" rel="gallery-plants"><img src="images/plant3_t.jpg" alt="Plant 3" /></a> 
<a href="images/plant4.jpg" title="title" class="thickbox" rel="gallery-plants"><img src="images/plant4_t.jpg" alt="Plant 4" /></a>
  • Contenido dentro de la página (oculto o visible)


<a href="#TB_inline?height=300&width=300&inlineId=ID_DEL_CONTENIDO" title="Title" class="thickbox">Show</a>

Siendo ID_DEL_CONTENIDO el ID del elemento que posee el texto que queremos mostrar, indicaremos el tamaño del recuadro con los atributos height y width informando en valor de pixeles el tamaño.

  • URL en un <iframe></iframe>


<a href="ajax.PHP?keepThis=true&TB_iframe=true&height=250&width=400" title="title" class="thickbox">Example 1</a

Como se puede ver únicamente hemos de pasarle como parametros a la página que informamos en el href. Estos parametros nos condicionarán la ejecución de thickbox. Cambiaremos el tamaño de nuestro iframe con los parametro height y width, lo demás lo dejamos tal cual, se eliminará de la URL.

  • Contenido mediante Ajax (del mismo servidor)
<a href="ajaxOverFlow.htm?height=300&width=300" title="title" class="thickbox">Scrolling content</a

Únicamente disponemos de 2 parametros, que nos dimensionan el recuadro donde aparecerá el contenido.

Importante: La URL ha de estar en el mismo servidor. Puede dar problemas con otros plugins similares.

Descargar

Versión 2.1 –> aqui