Hola a todos! me estoy peleando con ColorBox. No consigo mostrar en un div "emergente" un trozo de código html externo. Estos son los pasos que he realizado:
1. He copiado todo el CSS de colorbox en mi archivo css
2. He añadido en el header:
Código HTML:
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.js" type="text/javascript"></script>
<script src="js/jquery.colorbox.js" type="text/javascript"></script>
<script>
$(document).ready(function ()
{
$(".example5").colorbox();
}
</script> 3. En el cuerpo tengo el siguiente enlace:
Código HTML:
<a title="Ejemplo" class="example5 cboxElement" href="popup/ejemplo.html">Link de ejemplo</a>
4. En la carpeta popup tengo el archivo "ejemplo.html" (a cargar en el colorbox) con este código:
Código HTML:
<div style="background:#990000; color:white;">
POPUP DE PRUEBA
</div>
Sin embargo, cuando hago clic en el enlace se abre "popup/ejemplo.html" como un documento html independiente.
¿Se os ocurre qué puedo estar haciendo mal? Un saludo.