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
- Descargar el plugin.
- Descomprimir y subir al FTP a la carpeta wp-content/ (importante mantener la estructura del zip).
- 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
14 comentarios, 2 referencias
+
#