Ventanas emergentes ThickBox

Escrito por Maverick el . Posteado en Informatica

I. Introducción

Creo que, junto con GreyBox, es de las librerías más completas que hay. Es más, ThickBox no necesita el uso de esa variable que GreyBox debía definir al comienzo de la web por lo que la veo incluso más completa que la anterior.

Básicamente puede implementar una gran cantidad de opciones. Tal y como aparece en su página web, se pueden mostrar desde imágenes simples, galerías de imágenes, páginas webs, etc.

Nos tendremos que descargar concretamente dos ficheros javascript y un fichero CSS. En las referencias hay un enlace a un fichero comprimido que posee todo lo que necesitáis.

El uso es bien sencillo tal y como vamos a explicar a continuación.

II. Uso de la librería

Lo primero de todo, y para no romper con el ritual, habrá que incluir los ficheros que vamos a necesitar en la cabecera de la página web:

<link rel=”stylesheet” type=”text/css” href=”thickbox.css” mce_href=”thickbox.css” /> <script type=”text/javascript” src=”jquery.js” mce_src=”jquery.js”></script> <script type=”text/javascript” src=”thickbox.js” mce_src=”thickbox.js”></script>

Por último, bastará con incluir el enlace que haga referencia al acceso que nosotros queremos implementar. Existen múltiples posibilidades:

  • Imagen básica:
<a href=“URL” title=“TITULO” class=“thickbox”>HTML</a>
  • Galería de imágenes:
<a href=“URL” title=“TITULO” class=“thickbox” rel=“gallery”>HTML</a> <a href=“URL” title=“TITULO” class=“thickbox” rel=“gallery”>HTML</a> <a href=“URL” title=“TITULO” class=“thickbox” rel=“gallery”>HTML</a>
  • Visionar capas:
<input alt=“#TB_inline?height=300&width=400&inlineId=myOnPageContent” title=“TITULO” class=“thickbox” type=“button” value=“Show” />
  • Inserción de página web:
<a href=“PAGINA_WEB.HTML?keepThis=true&TB_iframe=true&height=250&width=400″ title=“add a caption to title attribute / or leave blank” class=“thickbox”>Example 1</a>
Las demás posibilidades, posiblemente no comentadas, podéis encontrarla en el enlace facilitado. Descarga:  ThickBox Enlace: ThickBox Via: Codigo al descubierto

Share

Etiquetas:, , , , ,

Deja un comentario

SXInformatica
C/Soria 5 25200 Cervera
973 534 445
info@sxinformatica.net

PCmode
www.pcmode.net
635 824 172
ventas@pcmode.net
SEO Powered by Platinum SEO from Techblissonline