FancyBox – Llamarlo desde una función

Muchos de vosotros conoceréis FancyBox, una alternativa para Ligtht Box. Nos permite abrir ventanas modales mostrando mensajes o imágenes. Las maneras de utilizarlo estan muy detalladas en su página web. Ahora bien… hay una opción que no se indica y que es muy interesante:

Abrir la ventana modal fancybox directamente desde una función

Imaginemos que queremos sustituir un alert(‘Error al enviar el formulario’) por una bonita ventana modal que muestre el error de forma mas ‘bonita’. Cómo?

1
2
3
4
5
6
7
8
9
10
11
$.fancybox.open(
"Error al enviar el formulario",
{
    'autoScale': true,
    'transitionIn': 'elastic',
    'transitionOut': 'elastic',
    'speedIn': 500,
    'speedOut': 300,
    'autoDimensions': true,
    'centerOnScroll': true,
});

Lógicamente, y doy por sabido, que hay que cargar las librerías de Fancybox y jquery, sino el código no funcionará.

Más información

Artículos relacionados

jQuery – Drag & Drop – 2 plugins Os dejo dos plugins que os puede ser de ayuda para el tratamiento del arrastre (drag & drop) de objetos: Draggabilly Permite arrastra solo en de...
jQuery – Seleccionar opción de un desplegabl... Si buscáis por internet cómo seleccionar valores de un desplegable con jQuery os saldran multitud de ejemplos en los que todo el mundod ice que les fu...
bideo.js – poner video en el fondo de página... Librería que permit de forma sencilla, poner un video como fondo en una página web. Es muy utilizado en páginas de inicio para intentar impactar al vi...
elrte – Editor de texto WYSIWYG para tus apl... Os damos a conocer uno de los editores de texto mas completos que existen para tus aplicaciones web, elrte. Cómo se utiliza ? Primero hay que de...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*