Tenho a certeza que já viram muito sites em que ao clicarem nas imagens sobrepõem uma página com a imagem ampliada. E tenho a certeza que também já se perguntaram como se faz, e na verdade é uma coisa bastante simples. Praticamente todos os sites que têm estes efeitos, recorrem ao lightbox, um pequeno script em javascript que cria um efeito que linka desde o thumbnail até à imagem já ampliada.
Para usar o lightbox é necessário fazer download do mesmo neste site: (Download Lightbox) .
No Thumbnail (imagem pequena) que tem o link para a imagem em tamanho real acrescentar o atributo rel=”lightbox” no link. Ficando o link completo já com a imagem com a seguinte sintaxe:
<a href=”ImagemReal.jpg” rel=”lightbox” ><img src=”Thumbnail.jpg” alt=”” /></a>
Para que isto funcione é necessário acrescentar no header da página a referencia ao ficheiro onde está o o script do lightbox e suas dependências e também do css usado pelo lightbox,para o fazer é necessário acrescentar duas linhas no header que são:
<link rel=”stylesheet” href=”CaminhoaPara/lightbox.css” type=”text/css” media=”screen” />
<script type=”text/javascript” src=”CaminhoPara/prototype.js”></script>
<script type=”text/javascript” src=”CaminhoPara/scriptaculous.js?load=effects”></script>
<script type=”text/javascript” src=”CaminhoPara/lightbox.js”></script>
E de uma forma simples temos um efeito que agora está na moda em todos os sites.
4 Respostas
Olá Slitake!!
Estou agora a tomar conhecimento de todas as vantagens do Jquery, como o plugin Lightbox que eu acho um espectáculo!! Como qualquer principiante tenho uma série de dúvidas para as quais não tenho resposta.
Já tenho no pc o Lightbox e já fiz um álbum muito bom que queria publicar no meu blog, mas não tenho ideia de como fazer isso.
O meu blog está no Blogger… existe alguma maneira simples de usar o lightbox no Blogger??
Se existe por favor explica-me, porque gostaria de usar muito este plugin, visto que o meu blog é sobre Comics, logo era o ideal para mostrar novos lançamentos.
Agradeço desde já a tua ajuda.
Um abraço.
ola
tudo bem bom gostaria de parabenizar pelo
site e pela materias aqui postadas
bom na verdade nao tenho muita pratica com lightbox
e gostaria de poder aprender melhor sobre isso
bom fiz uma pagina com uma galeia de fotos
e preciso deste efeito
li e reli o conteudo da materia mais so nao sei
onde colocar os codigos
desculpa minha falta de entendimento
mais como comentei nao tenho muita pratica em flash
poderia me dar uma ajuda nisso
obrigado valeu pela força desde ja
Carlos Alexandre
Olá,
também estou tentando usar num site de fotos que tenho no webs mas a página abre inteira com a foto e não apenas uma janela…não sei o que estou fazendo de errado…Na verdade também não sei o que fazer com aquelas pastas baixadas do lightbox porque meu site está em html.Se puder me ajudar, agradeço!
Preciso de um help amigo, talvez você possa me ajudar. Preciso fazer o lightbox abrir direto qndo carregar o site.
Obrigado!!!
Absss