Contenido

ThickBox 2.1 plugin

18 Oct

54 hace 6072 días en:

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

↑