Pular para o conteúdo principal

Lightbox GB


Lightbox - ;^)
Um lightbox normalmente é um gerenciador de imagem em CSS que permite a imagem abrir na tela sem precisar carrega uma nova pagina, facilita a organização das janelas e deixa o ambiente navegável com uma cara moderna.
Com um pouco de CSS, HTMl e JavaSCRIPT eu fiz o meu próprio lightbox.
Pronto para começar a instalação?
Então, vamos lá.
Para começar, vá no painel do seu blog, selecione Layout > Editar HTML e faça um becape do seu template. Ainda nessa página, cole o código abaixo antes de </head> (aperte CTRL+F para encontrar).
<LINK REL="stylesheet" TYPE="text/css" HREF="http://guiab.webs.com/css/lightbox.css"/>
<script src="http://guiab.webs.com/scripts/lightbox.js"></script>
Depois, cole o código abaixo antes de </body>.
<!-- Início do Lightbox -->
<div id="lightbox" onContextMenu="return false">
<center>
<div id="between" class="dragme">
<div id="content">
<img src='load.gif'/>
</div>
<h6>Lightbox by <a href="http://guiab.blogspot.com/" target="_blank">Guia Blogger</a></h6>
</div>
</div>
</center>
</div>
<!-- Fim do Lightbox -->
Visualiza para ver se há erros, depois salve.
Quando quiser acionar o lightbox por um link por exemplo:
<a href="LINK QUE DEVE SER ABERTO PELA LIGHTBOX" onClick="Set_lightbox(this.href,'ALTURA DA CAIXA','LARGURA DA CAIXA','')" >NOME DO SEU LINK</A>
As partes em negrito devem ser alteradas de acordo com a sua necessidade.
É isso. Se ficou alguma dúvida, encontrou algum erro, deixe um comentário.
P.S.: Para ver o script em ação, clique aqui

Postagens mais visitadas deste blog

Mudar Imagem ao Passar o Mouse

A interatividade é o que muitas vezes (quando combinada com bom conteúdo) faz com que os leitores gostem e voltem a visitar o seu site. Nesse tutorial você aprende um código em JavaScript que altera a imagem quando o cursor do mouse passa sobre ela.

E-Referer - De onde vem seus visitantes?

O site E-Referer oferece uma ferramenta gratuita que mostra a origem dos visitantes do seu blog e a quantidade de visitas que lhe enviou.