¿Cuál es la forma de cargar una imagen en la parte superior de su página web usando una capa transparente?

Question

compruebe este sitio web:

http://www.ramziarabi.com/portfolio/art-portfolio/

cuando hace clic en una imagen, se abre sobre la página web sin ocultarla ni abrir una nueva página. Supongo que esto lo hace JavaScript, pero ¿alguien puede explicar cómo? ¿proporciona algún código que pueda usar para hacer eso?

Answer 1

Es muy simple hacer eso en estos días con complementos de código abierto.

El que están usando en ese sitio es LightBox, que se puede encontrar aquí.

http://leandrovieira.com/projects/jquery/lightbox/

Una que me gusta usar se llama prettyPhoto y aquí hay un enlace con GRANDES ejemplos e instrucciones

http: //www.no- margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/

¡Buena suerte y diviértete!

Answer 2

Haga una búsqueda de Javascript Lightbox, hay muchos por ahí con ejemplos fáciles de usar para ponerlo en funcionamiento.