Pop-ups con ThickBox | el holgazán

lunes 10 de marzo de 2008

Pop-ups con ThickBox

Pasos a seguir para implementar un pop-up Ajax no intrusivo con archivos JavaScript de bajo peso (unos 30k en total):

  • Incluir las librerías JavaScript de jQuery y ThickBox:
<script type="text/javascript" src="path-to-file/jquery.js"></script>
<script type="text/javascript" src="path-to-file/thickbox.js"></script>
  • Importar hoja de estilos:
<link rel="stylesheet" href="path-to-file/thickbox.css" type="text/css" media="screen" />
  • Construir enlace de la siguiente manera:
<a href="archivo?height=640&width=480&modal=true" title="Titulo" class="thickbox">Texto o imagen del enlace</a>

Ver demos y descargar liberías en jquery.com/demo/thickbox.

¿Conoces alguna forma mejor de hacer esto?