Eso se hace poniendo una capa con posición absoluta, un tamaño que ocupe toda la pantalla, le cambias la transparencia (en internet explorer con alpha y en los demás con opacity) y con javascript muestras una capa con posición absoluta que estaba oculta y con un z-index mayor.
En mi web lo tengo hecho, échale un vistazo al código fuente. https://www.Alberizo.com/#fotografía/73.
Y si te lo quieres ahorrar hay muchas librerías para hacerlo, busca en google javascript Lightbox.