Bpopup
bPopup es un plugin de jQuery modal ligero (sólo 1.49KB gzip). No crea el estilo de la ventana emergente pero le proporciona toda la lógica como centrado, superposición modal, eventos y mucho más. Te da un montón de oportunidades para personalizar para que se ajuste a sus necesidades.
Requiere jQuery 1.4.2 + y ha sido probado en Internet Explorer 6 * -9, Firefox 2 +, Opera 9 +, Safari 4 y Chrome 4 + +.
Inlcuirlo en tu página Web es tan sencillo como añadir la librería jQuery, el plugin, y su llamada con algunos parámetros:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/jquery.bpopup.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content_popup').bPopup({
speed: 650,
transition: 'slideDown'
});
});
</script>
Lo que más me llama la atención del plugin es que tiene varios efectos de transición: [‘fadeIn’, ‘slideDown’, ‘slideUp’, ‘slideIn’, ‘slideBack’].
Después en cualquier parte del <body> tendremos nuestro contenedor popup escondido:
<div id="content_popup" style="display:none;"> <h2>Title Popup</h2> <p>Lorem Ipsum...</p> </div>
En este ejemplo que podrás ver en la demostración abrimos un popup que sale de arriba al centro con una velocidad de 650 milisegundos.
Al contenedor le puedes dar el aspecto que desees a través de la hoja de estilos (CSS).
Para obtener una lista completa de los ajustes, cambios, comentarios y para descargar una versión determinada deben acceder a bpopup.
Autor
¿Buscas trabajo de programador?
8 respuestas a “Bpopup”
Deja una respuesta
19 artículos que te podrían interesar
Ver más sobre
Sabes que lo he implementado pero no puedo hacer una confirmacion, me explico,,,
Se abre el bpopup y dentro de el hice 2 botones y un boton es para que se envie el formulario pero no resulta ni return true ni false, alguna sugerencia
Saludos
Hola, posiblemente si vemos el ejemplo en directo podríamos ayudarte. saludos
yo la verdad no entiendo nada sobre como es que hay que instalar esto, si alguien me podria explicar lo agradeceria bastante
el script de arriba se coloca en el head o donde
si, en la cabecera lo puedes incluir.
GRACIAS!!! ME SIRVIO DEMASIADO!
como descargo el codigo?
http://dinbror.dk/bpopup/