Ola pessoal, este é o plugin shadowbox, e combinado ao jQuery na documentação abaixo mostramos com abrir vários tipos de documentos com efeito lightbox. Aquele efeito em que a tela escurece e mostra somente a imagem. Muito utilizado em lojas virtuais.

Basta você baixar e instalar o jQuery e o Shadowbox-js para começar a ação!!

INSTALAÇÂO DE SCRIPTS:

<link href="shadowbox/shadowbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
language: 'pt',
player: ['img', 'html', 'swf']
});
</script>

ABRIR HTML:

UpInside

ABRIR VIMEO VÍDEO:

Vimeo

ABRIR YOUTUBE VÍDEO:

Youtube

ABRIR IMAGEM:

ABRIR GALERIA DE IMAGEM:

Img1
Img2
Img3

ABRIR DIV:

Abrir Div

Bom pessoal aproveitem.

Twitt