Efecto Lightbox con HTML

dBer · 5 May 2014

Hola a todos, quiero hacer una especie de efecto lightbox (lo que se hace con las fotos) pero abriendo un html encima de otro.

Mas que nada pq lo que quiero es que aparezca un formulario de registro encima de la pagina donde esta el botón para darle a registrarse.

Me podéis decir por donde tirar, pq veo que para fotos todo lo que quiera, pero para html no lo encuentro.

Un saludo!

hasdpk · 5 May 2014

En Smallhost — Expertos en Wordpress, Hosting y Dominios hacemos justamente eso para el sistema de tickets. Usamos fancyBox.

dBer · 6 May 2014

Le echo un ojo! Gracias!

Chamako · 6 May 2014

Este método también es valido, chequea el menú Ajax popup y los ejemplos son buenos.
Magnific Popup: Responsive jQuery Lightbox Plugin

También di con Fancybox que es lo mismo.

Lo probare y vere cual se me acomoda también mas fácil de trabajar

Fierce · 6 May 2014

si usas bootstrap, puedes hacer lo mismo con el html incluido en la misma web, un ejemplo esta web que lo usa al subir imagenes desde una URL: Crear una noticia - Ultima Hora

te dejo un curso de bootstrap que me sirvio bastante:
Video tutorial de twitter bootstrap - Introducción, instalación y caracteristicas - codigo Web

Galbatorix · 6 May 2014

Bootstrap de Twitter y Foundation de Zurb proveen ambos cuadros modales:

- Bootstrap: http://getbootstrap.com/javascript/#modals
- Foundation: Reveal | Foundation Docs

dBer · 7 May 2014

Galbatorix dijo:
Bootstrap de Twitter y Foundation de Zurb proveen ambos cuadros modales:

- Bootstrap: http://getbootstrap.com/javascript/#modals
- Foundation: Reveal | Foundation Docs

Gracias! Lo estaba desarrollando con Bootstrap! Voy a investigar como hacerlo con un link, en vez de con un botón.

Galbatorix · 7 May 2014

dBer dijo:
Gracias! Lo estaba desarrollando con Bootstrap! Voy a investigar como hacerlo con un link, en vez de con un botón.

Es lo mismo eso, cuidado. Un botón en bootstrap es una etiqueta <a> con la clase button.

Enviado desde mi Galaxy Nexus mediante Tapatalk

dBer · 7 May 2014

Galbatorix dijo:
Es lo mismo eso, cuidado. Un botón en bootstrap es una etiqueta <a> con la clase button.

Enviado desde mi Galaxy Nexus mediante Tapatalk

Si en que tenga algo de tiempo le echare un ojo, pero sabiendo que se puede hacer así, ya solo es meterle tiempo

---------- Post agregado el 07-may-2014 hora: 14:51 ----------

Es justo lo que buscaba (ya probado)

Muchas gracias por la ayuda!