<script type=”text/javascript” src=”js/prototype.js”></script>
<script type=”text/javascript” src=”js/scriptaculous.js?load=effects”></script>
<script type=”text/javascript” src=”js/lightbox.js”></script>
Inclua o arquivo css do Lightbox:
<link rel=”stylesheet” href=”css/lightbox.css” type=”text/css” media=”screen” />Verifique se as imagens estão localizadas corretamente. (Em images/)
Configurando
Para deixar igual ao do meu site, você basta colocar assim, veja em negrito.
<a href=”images/image-1.jpg” rel=”lightbox” title=”my caption”>tag imagem</a>
O atributo title é só se você quiser colocar uma descrição.
Para deixar igual à um slideshow basta você colocar em grupos:
<a href=”images/image-1.jpg” rel=”lightbox[roadtrip]“>tag imagem</a>
<a href=”images/image-2.jpg” rel=”lightbox[roadtrip]“>tag imagem</a>
<a href=”images/image-3.jpg” rel=”lightbox[roadtrip]“>tag imagem</a>
Agora, o grupo tem que ser igual ao outro. Se não, não funciona.
No site tem mais informações, inclusive sobre resolução de problemas.
Visite Também:
- Como se cadastrar (e como utilizar) o MySpace
- Como preparar seu currículo | Por Google
- Scam sobre greve dos Correios
- Como importar e exportar senhas no Firefox
- Criando um site simples
- Como criar um blog no Blogger (Blogspot)?
- O Loop do Wordpress
- Como matar o site do seu colégio - Versão 1
- Google Adsense para feeds do FeedBurner
- Como ganhar dinheiro na Internet?
- Como colocar videos no ipod touch
- Aurea by Philips - O que ela tem de bom?
- Versão de Banda Curta (Internet Discada), como desativar?
- Barra de Progresso animada sem Javascript
- Como criar um blog no Wordpress?
- Mudando o Permalink

