Lightbox jQuery
Resumo
O VisualLightBox é um programa gratuito que o ajuda a criar galerias de imagens para a web facilmente com alguns cliques e sem escrever uma única linha de código, baseadas no famoso script LightBox2.
Nenhum código javascript, css, ou até html, nenhuma edição de imagem, basta um clique e a sua galeria será criada.
Recursos do Lightbox jQuery
- Plugin jQuery ou extensão Prototype
- Transição cross-fade livre e suave
- Slideshow com a opção de arranque automático
- Versões Windows e MAC
- Complemento XHTML
- Efeito de zoom com sobreposição da sombra
- Cantos arredondados com sobreposição da janela
- Grandes imagens ajustáveis à janela do browser
- Muitos temas agradáveis para as suas galerias
- Rotação da imagem e ajuste do tamanho da imagem com alta qualidade e com anti-aliasing
- Criação automática das miniaturas
- Adicione legendas
- Carregue directamente para o FTP
Download do VisualLightbox
Download da Versao Gratuita Windows | Download da Versao Gratuita Mac |
O VisualLightBox é gratuito para utilização não-comercial.jquery lightbox mostrando fotos
A Versão Comercial do VisualLightBox disponibiliza uma opção para retirar a marca d'água VisualLightBox.com, assim como a possibilidade de colocar o seu próprio logotipo nas imagens. Após concluído o pagamento de forma segura, receberá uma chave de licença de imediato no seu e-mail que transforma a Versão Gratuita do VisualLightBox na Versão Comercial. Pode optar pelo método de pagamento mais conveniente: cartão de crédito, transferência bancária, cheque, PayPal, etc.
|
|
Apoio ao Cliente
Para a resolução de problemas, pedido de funcionalidades e ajuda em geral, contacte o nosso Apoio ao Cliente em Certifique-se que insere informação sobre o seu browser, sistema operativo,versão do VisualLightbox, e um link (ou código relevante). lightbox prototype jquery noconflict
Perguntas
P:Como incluir a galeria de imagens lightbox numa página já existente?
R:Para instalar a galeria VisualLightBox na sua página você deve:
1. Criar a sua galeria no VisualLightBox e publicá-la no seu disco local em qualquer pasta para testar.
2. Abrir o ficheiro index.html da pasta com qualquer editor de texto.
3. Copiar o código da secção HEAD e colá-lo dentro da secção HEAD da página web que desejar, por exemplo:
<head>
...
<!-- Start VisualLightBox.com HEAD section -->
<link rel="stylesheet" href="engine/css/vlightbox.css" type="text/css" />
<style>#vlightbox a#vlb{display:none}</style>
<link rel="stylesheet" href="engine/css/visuallightbox.css" type="text/css" media="screen" />
<script src="engine/js/jquery.tools.min.js" type="text/javascript"></script>
<script src="engine/js/visuallightbox.js" type="text/javascript"></script>
<!-- End VisualLightBox.com HEAD section -->
...
</head>
4. Copiar o código da secção BODY e colá-lo dentro da secção BODY da página web que desejar no local em que deseje que a galeria apareça, por exemplo:
<body>
...
<!-- Start VisualLightBox.com BODY section -->
<div id="vlightbox">
<a class="vlightbox" href="data/images/dscn6831.jpg" title="DSCN6831"><img src="data/thumbnails/dscn6831.png"><span></span></a>
<a class="vlightbox" href="data/images/dscn6823.jpg" title="DSCN6823"><img src="data/thumbnails/dscn6823.png"><span></span></a>
<a class="vlightbox" href="data/images/dscn6819.jpg" title="DSCN6819"><img src="data/thumbnails/dscn6819.png"><span></span></a>
<a id="vlb" href="http://visuallightbox.com">Photo Gallery For Web by VisualLightBox.com v2.1</a>
</div>
<!-- End VisualLightBox.com BODY section -->
...
</body>
5.Copiar a pasta "data" com as imagens e as miniaturas e a pasta "engine" com os ficheiros .css e .js para dentro da mesma pasta da sua página web.
Pode encontrar o exemplo no nosso website:
http://www.visuallightbox.com/#example