sexta-feira, 17 de junho de 2011

lightbox 3.0 JS p/ sites e blog

Como usar
Parte 1 - Instalação

Lightbox 3.0 usa o Framework Prototype e Scriptaculous Effects Library. Você terá de incluir esses três arquivos Javascript no cabeçalho (nesta ordem







2 Incluem a Lightbox arquivo CSS (ou anexar o seu estilo ativo com os estilos de Mesa).






3 Verifique o CSS e certifique-se os arquivos referenciados prev.gif e next.gif estão no local certo. Além disso, certifique-se os arquivos e loading.gif close.gif como referenciado na parte superior do arquivo lightbox.js estão no local certo.


Parte 2 - Activate


1 Adicionar um rel = "lightbox" atribuir a um tag link para ativar o lightbox. Por exemplo:





Opcional: Use o atributo title se você quer mostrar uma legenda.
2 Se você tem um conjunto de imagens relacionadas que você gostaria de grupo, siga um passo, mas além disso inclui um nome de grupo entre colchetes no atributo rel. Por exemplo:




Não há limites para o número de conjuntos de imagens por página ou quantas imagens são permitidos em cada set. Vai a loucura! 3.0






lightbox 3.0 JS p/ sites e blog









Nenhum comentário: